@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
* {
  box-sizing: border-box; }

a {
  outline: none;
  text-decoration: none; }

ul, ol, li {
  list-style: none;
  padding: 0;
  margin: 0; }

input {
  outline: none; }

button {
  outline: 0 !important; }

button:active, button:hover, button:focus {
  outline: 0;
  outline-offset: 0; }

html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

p {
  margin: 0;
  padding: 0; }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  outline: none;
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

@font-face {
  font-family: 'Montserrat';
  src: url("../fonts/Montserrat/Montserrat-Regular.ttf");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'Montserrat';
  src: url("../fonts/Montserrat/Montserrat-Bold.ttf");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'Montserrat';
  src: url("../fonts/Montserrat/Montserrat-Light.ttf");
  font-weight: 300;
  font-style: normal; }
@font-face {
  font-family: 'Montserrat';
  src: url("../fonts/Montserrat/Montserrat-Medium.ttf");
  font-weight: 500;
  font-style: normal; }
@font-face {
  font-family: 'ChampagneLimousines';
  src: url("../fonts/ChampagneLimousines/ChampagneLimousines.ttf");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'ChampagneLimousines';
  src: url("../fonts/ChampagneLimousines/ChampagneLimousines-Bold.ttf");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'BickhamScriptTwo';
  src: url("../fonts/BickhamScriptTwo.ttf");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'a_BighausTitulExtraBolt';
  src: url("../fonts/a_BighausTitul-ExtraBold.woff") format("woff"), url("../fonts/a_BighausTitul ExtraBold.ttf") format("ttf");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'astronaut';
  src: url("../fonts/astronaut/ASTRONAU.TTF") format("truetype");
  font-weight: 400;
  font-style: normal; }
@font-face {
  font-family: 'mr_RegisterWideBold';
  src: url("../fonts/mr_RegisterWideBoldG.ttf") format("truetype");
  font-weight: 600;
  font-style: normal; }
@font-face {
  font-family: 'd_CCMatinee';
  src: url("../fonts/d_CCMatinee.otf") format("truetype");
  font-weight: 200;
  font-style: normal; }
.logo__img {
  width: 44px;
  height: 44px;
  position: absolute;
  top: 2px;
  left: 39px;
  z-index: 999;
  border-radius: 50%; }
  .logo__img img {
    width: 100%; }

.aboutcomp-prew, .aboutTerms-prew {
  color: #fff;
  font-weight: 600;
  font-size: 17px;
  cursor: pointer;
  text-shadow: 1.414px 1.414px 0.98px rgba(0, 0, 0, 0.5);
  position: fixed;
  top: 136px;
  left: 125px;
  z-index: 1; }
  @media screen and (max-width: 1367px) {
    .aboutcomp-prew, .aboutTerms-prew {
      top: 136px;
      position: fixed;
      left: 93px; } }
  .aboutcomp-prew::before, .aboutTerms-prew::before {
    content: "";
    display: block;
    position: absolute;
    width: 290px;
    height: 212px;
    background-image: url("../img/bg/prewBtnBg.png");
    background-position: center;
    background-repeat: no-repeat;
    top: -91px;
    left: -75px;
    z-index: -1; }
  .aboutcomp-prew img, .aboutTerms-prew img {
    position: absolute;
    top: 2px;
    left: -30px; }

.aboutcomp-desc, .aboutTerms-desc, .politics-desc, .parallel-desc, .monet-desc, .business_model-desc, .team-desc, .investments-desc, .decryption-desc {
  width: 830px;
  padding: 20px 16px;
  text-align: justify;
  font-size: 14px;
  color: #181818;
  margin: 70px auto 119px;
  background-color: #fff;
  font-family: "Times New Roman", serif; }
  .aboutcomp-desc p, .aboutTerms-desc p, .politics-desc p, .parallel-desc p, .monet-desc p, .business_model-desc p, .team-desc p, .investments-desc p, .decryption-desc p {
    text-indent: 38px;
    line-height: 1.714; }

.home-title {
  width: 100%;
  background: #eff1f5;
  margin-top: -28px;
  padding-top: 164px; }

.home-title__dropdown--h4 {
  width: 250px;
  padding: 5px 0 5px 40px;
  cursor: pointer;
  position: relative;
  color: #fff;
  text-shadow: 1.414px 1.414px 0.98px black;
  z-index: 100; }
  .home-title__dropdown--h4 img {
    position: absolute;
    top: 5px;
    right: 7px;
    transform: rotate(-90deg); }

.home-title__dropdown--menu {
  width: 237px;
  background-color: #fff;
  display: none; }
  .home-title__dropdown--menu ul {
    border-right: 1px solid #b5b5b5;
    border-bottom: 1px solid #b5b5b5;
    margin-top: -5px; }
  .home-title__dropdown--menu li {
    border-right: 6px solid #d0d8e1;
    cursor: pointer; }
    .home-title__dropdown--menu li:first-child {
      height: 18px; }
    .home-title__dropdown--menu li:last-child {
      height: 12px; }
    .home-title__dropdown--menu li a {
      display: block;
      color: #475566;
      font-weight: 600;
      font-size: 14px;
      padding: 7px 0 7px 40px; }
      .home-title__dropdown--menu li a:last-child {
        padding-bottom: 10px; }
    .home-title__dropdown--menu li:hover {
      background-color: #d0d8e1;
      border-right: 6px solid #a1a8af; }

#box-2, #box-3, #box-4, #box-5, #box-6, #box-7, #box-8, #box-9, #box-10 {
  position: relative;
  padding: 55px 0 40px 0;
  background-color: #fff;
  background-repeat: repeat-x;
  background-position-x: -4px;
  z-index: 2; }
  #box-2:after, #box-3:after, #box-4:after, #box-5:after, #box-6:after, #box-7:after, #box-8:after, #box-9:after, #box-10:after {
    content: '';
    display: block;
    width: 100%;
    height: 223px;
    background-color: #eff1f5;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1; }
  #box-2 .wrap::after, #box-3 .wrap::after, #box-4 .wrap::after, #box-5 .wrap::after, #box-6 .wrap::after, #box-7 .wrap::after, #box-8 .wrap::after, #box-9 .wrap::after, #box-10 .wrap::after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    clear: both; }

.box-desc__main h2 {
  color: #fff;
  text-shadow: 0.35px 2px 0.5px black;
  font-family: "a_BighausTitulExtraBolt", sans-serif; }

.coHeader-title table, .coHeader_2-title table, .coHeader_3-title table, .coHeader_5-title table, .coHeader_6-title table, .coHeader_7-title table, .coHeader_8-title table, .coHeader_9-title table, .coHeader_10-title table, .cs-sidebar--1__head--title table, .cs-sidebar--2__head--title table, .cs-sidebar--3__head--title table, .cs-sidebar--4__head--title table, .cs-sidebar--5__head--title table, .cs-sidebar--6__head--title table, .cs-sidebar--9__head--title table, .cs-sidebar--10__head--title table, #box-1 .box-desc__main table, #box-2 .box-desc__main table, .box-desc__main table {
  margin-left: 74px;
  margin-top: 4px;
  font-weight: 600;
  font-size: 10px;
  font-family: "ChampagneLimousines", sans-serif; }

.coHeader-title, .coHeader_2-title, .coHeader_3-title, .coHeader_5-title, .coHeader_6-title, .coHeader_7-title, .coHeader_8-title, .coHeader_9-title, .coHeader_10-title {
  margin-left: 586px;
  margin-top: 30px;
  width: 745px; }
  .coHeader-title p, .coHeader_2-title p, .coHeader_3-title p, .coHeader_5-title p, .coHeader_6-title p, .coHeader_7-title p, .coHeader_8-title p, .coHeader_9-title p, .coHeader_10-title p {
    font-weight: 600;
    font-size: 20px; }
  .coHeader-title h1, .coHeader_2-title h1, .coHeader_3-title h1, .coHeader_5-title h1, .coHeader_6-title h1, .coHeader_7-title h1, .coHeader_8-title h1, .coHeader_9-title h1, .coHeader_10-title h1 {
    font-family: "mr_RegisterWideBold", sans-serif;
    font-size: 24px;
    font-weight: bold;
    color: #fff;
    line-height: 20px; }
  .coHeader-title table td:first-child, .coHeader_2-title table td:first-child, .coHeader_3-title table td:first-child, .coHeader_5-title table td:first-child, .coHeader_6-title table td:first-child, .coHeader_7-title table td:first-child, .coHeader_8-title table td:first-child, .coHeader_9-title table td:first-child, .coHeader_10-title table td:first-child {
    color: #000; }

.coDesc-item__btn--child {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  position: relative;
  transition: all .5s; }
  .coDesc-item__btn--child img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: auto; }

.competition4, .competition5, .competition6, .competition7, .competition8, .competition9, .competition11 {
  padding: 50px 0 50px; }

.competition3, .competition10, .competition12 {
  padding: 76px 0 100px; }

.slick-prev, .slick-prev:hover, .slick-prev:focus, .slick-prev:active {
  background-image: url("../img/icon/arrowSlick.png");
  background-repeat: no-repeat;
  background-position: 43%;
  background-size: 11px auto; }

.slick-next, .slick-next:hover, .slick-next:focus, .slick-next:active {
  background-image: url("../img/icon/arrowSlickNext.png");
  background-repeat: no-repeat;
  background-position: 50%;
  background-size: 11px auto; }

.cs-sidebar--1__head--title, .cs-sidebar--2__head--title, .cs-sidebar--3__head--title, .cs-sidebar--4__head--title, .cs-sidebar--5__head--title, .cs-sidebar--6__head--title, .cs-sidebar--9__head--title, .cs-sidebar--10__head--title {
  cursor: pointer; }
  .cs-sidebar--1__head--title p, .cs-sidebar--2__head--title p, .cs-sidebar--3__head--title p, .cs-sidebar--4__head--title p, .cs-sidebar--5__head--title p, .cs-sidebar--6__head--title p, .cs-sidebar--9__head--title p, .cs-sidebar--10__head--title p {
    font-size: 18px;
    color: #fff;
    font-weight: 600; }
  .cs-sidebar--1__head--title h1, .cs-sidebar--2__head--title h1, .cs-sidebar--3__head--title h1, .cs-sidebar--4__head--title h1, .cs-sidebar--5__head--title h1, .cs-sidebar--6__head--title h1, .cs-sidebar--9__head--title h1, .cs-sidebar--10__head--title h1 {
    font-family: "a_BighausTitulExtraBolt", sans-serif;
    font-size: 22px;
    color: #fff;
    text-shadow: 2px 3px 1px rgba(0, 0, 0, 0.95);
    max-width: 224px; }
  .cs-sidebar--1__head--title table, .cs-sidebar--2__head--title table, .cs-sidebar--3__head--title table, .cs-sidebar--4__head--title table, .cs-sidebar--5__head--title table, .cs-sidebar--6__head--title table, .cs-sidebar--9__head--title table, .cs-sidebar--10__head--title table {
    margin-left: 20px;
    margin-top: 6px;
    margin-bottom: 13px; }
    .cs-sidebar--1__head--title table td:last-child, .cs-sidebar--2__head--title table td:last-child, .cs-sidebar--3__head--title table td:last-child, .cs-sidebar--4__head--title table td:last-child, .cs-sidebar--5__head--title table td:last-child, .cs-sidebar--6__head--title table td:last-child, .cs-sidebar--9__head--title table td:last-child, .cs-sidebar--10__head--title table td:last-child {
      color: #fff; }

.cs-sidebar--1__head--box, .cs-sidebar--2__head--box, .cs-sidebar--3__head--box, .cs-sidebar--4__head--box, .cs-sidebar--5__head--box, .cs-sidebar--6__head--box, .cs-sidebar--9__head--box, .cs-sidebar--10__head--box {
  width: 138px;
  height: 138px;
  background-color: #fff;
  border-radius: 50% 50% 0 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 12px;
  cursor: pointer;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: 99;
  cursor: pointer;
  transition: all .3s; }
  .cs-sidebar--1__head--box .sidebar__link, .cs-sidebar--2__head--box .sidebar__link, .cs-sidebar--3__head--box .sidebar__link, .cs-sidebar--4__head--box .sidebar__link, .cs-sidebar--5__head--box .sidebar__link, .cs-sidebar--6__head--box .sidebar__link, .cs-sidebar--9__head--box .sidebar__link, .cs-sidebar--10__head--box .sidebar__link {
    width: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    border-radius: 50%; }
  .cs-sidebar--1__head--box img, .cs-sidebar--2__head--box img, .cs-sidebar--3__head--box img, .cs-sidebar--4__head--box img, .cs-sidebar--5__head--box img, .cs-sidebar--6__head--box img, .cs-sidebar--9__head--box img, .cs-sidebar--10__head--box img {
    max-width: 80%;
    max-height: 80%; }
  .cs-sidebar--1__head--box:hover, .cs-sidebar--2__head--box:hover, .cs-sidebar--3__head--box:hover, .cs-sidebar--4__head--box:hover, .cs-sidebar--5__head--box:hover, .cs-sidebar--6__head--box:hover, .cs-sidebar--9__head--box:hover, .cs-sidebar--10__head--box:hover {
    transform: scale(1.18);
    transition: all .3s; }

.cs-sidebar--1__sponsor, .cs-sidebar--2__sponsor, .cs-sidebar--3__sponsor, .cs-sidebar--4__sponsor, .cs-sidebar--5__sponsor, .cs-sidebar--6__sponsor, .cs-sidebar--9__sponsor {
  padding: 8px 34px 0;
  width: auto;
  height: 32px;
  box-sizing: content-box; }
  .cs-sidebar--1__sponsor img, .cs-sidebar--2__sponsor img, .cs-sidebar--3__sponsor img, .cs-sidebar--4__sponsor img, .cs-sidebar--5__sponsor img, .cs-sidebar--6__sponsor img, .cs-sidebar--9__sponsor img {
    height: 100%;
    width: auto;
    transition: 0.2s;
    transform-origin: top left; }
    .cs-sidebar--1__sponsor img:hover, .cs-sidebar--2__sponsor img:hover, .cs-sidebar--3__sponsor img:hover, .cs-sidebar--4__sponsor img:hover, .cs-sidebar--5__sponsor img:hover, .cs-sidebar--6__sponsor img:hover, .cs-sidebar--9__sponsor img:hover {
      transform-origin: top left;
      transform: scale(1.2) translateZ(0);
      transition: transform .3s;
      z-index: 999; }

.cs-sidebar--1__item, .cs-sidebar--2__item, .cs-sidebar--3__item, .cs-sidebar--4__item, .cs-sidebar--5__item, .cs-sidebar--6__item {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  height: 300px;
  padding: 10px 17px;
  position: absolute;
  margin-top: -15px;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 9; }
  .cs-sidebar--1__item .coDesc-item__desc--hover, .cs-sidebar--2__item .coDesc-item__desc--hover, .cs-sidebar--3__item .coDesc-item__desc--hover, .cs-sidebar--4__item .coDesc-item__desc--hover, .cs-sidebar--5__item .coDesc-item__desc--hover, .cs-sidebar--6__item .coDesc-item__desc--hover {
    padding: 0 17px 20px 17px; }
    .cs-sidebar--1__item .coDesc-item__desc--hover h6, .cs-sidebar--2__item .coDesc-item__desc--hover h6, .cs-sidebar--3__item .coDesc-item__desc--hover h6, .cs-sidebar--4__item .coDesc-item__desc--hover h6, .cs-sidebar--5__item .coDesc-item__desc--hover h6, .cs-sidebar--6__item .coDesc-item__desc--hover h6 {
      margin-bottom: 15px; }

.cs-sidebar--1__btn, .cs-sidebar--2__btn, .cs-sidebar--3__btn, .cs-sidebar--4__btn, .cs-sidebar--5__btn, .cs-sidebar--6__btn, .cs-sidebar--9__btn, .cs-sidebar--10__btn {
  width: 320px;
  height: 135px;
  background-image: url("../img/bg/mainBg.png");
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 167px;
  left: 50%;
  transform: translateX(-50%) scale(1);
  z-index: 99999; }

.cst5-title-box__btn a, .cst-blueBox .cst-tableBox__btn a, .cst-whiteBox .cst-tableBox__btn a {
  font-size: 13px;
  font-weight: 600;
  color: #798ea8;
  padding: 4px 24px 7px;
  border-radius: 14px;
  border: 1px solid #bac3cf;
  background-color: #f2f2f2; }

.cst5-title-box__btn a:hover, .cst-blueBox .cst-tableBox__btn a:hover, .cst-whiteBox .cst-tableBox__btn a:hover {
  background-color: #798ea8;
  border: 1px solid #798ea8;
  color: #fff !important; }

.cst5-title-box table td {
  color: #798ea8;
  font-weight: 600;
  padding-right: 33px; }
  .cst5-title-box table td:last-child {
    color: #000; }

.cs-sidebar--1, .cs-sidebar--2, .cs-sidebar--3, .cs-sidebar--4, .cs-sidebar--5, .cs-sidebar--6, .cs-sidebar--9, .cs-sidebar--10 {
  position: fixed;
  height: 100vh;
  overflow: hidden;
  top: 0;
  right: 0;
  width: 468px; }
  .cs-sidebar--1 .coDesc-item__desc--block p, .cs-sidebar--2 .coDesc-item__desc--block p, .cs-sidebar--3 .coDesc-item__desc--block p, .cs-sidebar--4 .coDesc-item__desc--block p, .cs-sidebar--5 .coDesc-item__desc--block p, .cs-sidebar--6 .coDesc-item__desc--block p, .cs-sidebar--9 .coDesc-item__desc--block p, .cs-sidebar--10 .coDesc-item__desc--block p {
    line-height: 1; }
  .cs-sidebar--1 .coDesc-item__desc--block h6, .cs-sidebar--2 .coDesc-item__desc--block h6, .cs-sidebar--3 .coDesc-item__desc--block h6, .cs-sidebar--4 .coDesc-item__desc--block h6, .cs-sidebar--5 .coDesc-item__desc--block h6, .cs-sidebar--6 .coDesc-item__desc--block h6, .cs-sidebar--9 .coDesc-item__desc--block h6, .cs-sidebar--10 .coDesc-item__desc--block h6 {
    margin-bottom: 0 !important; }

.profile-content__line {
  width: 100%;
  height: 36px;
  line-height: 36px;
  background-color: #d7e9ff;
  margin-top: 9px;
  color: #777777;
  font-size: 17px;
  display: flex;
  align-items: center;
  justify-content: flex-start; }

.modal-home, .modal-statistic, .modal-info, .modal-admitted, .modal-admitted1, .modal-premium, .modal-sendWork, .modal-sendWork-another, .modal-search, .modal-img, .modal-img-home, .modal-rule, .modal-lang, .modal-onboardingStep1, .modal-onboardingStep2, .modal-onboardingStep3, .modal-onboardingStep4, .modal-onboardingStep5, .modal-worning, .modal-autovoice, .modal-date, .modal-choice, .modal-date_2, .modal-date_3, .modal-date_4, .modal-thanks, .modal-advanced, .modal-future, .modal-ready, .modal-submission, .modal-thanksCsg, .modal-danger, .modal-blackList, .modal-userStatistic, .modal-blockVoice, .modal-attention, .modal-allGroups, .modal-greenBlock, .modal-greenBlockEnd, .modal-revoice, .modal-addtoOrder, .modal-help, .modal-complain, .modal-donate, .modal-contacts, .modal-organize, .videoADV, .modal-mystat {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  left: 0;
  z-index: 99999999;
  background-color: rgba(24, 24, 24, 0.749); }

main {
  position: relative; }

.modal-autovoice__box, .modal-date__box, .modal-choice__box, .modal-thanks__box, .modal-advanced__box, .modal-future__box, .modal-ready__box, .modal-thanksCsg__box, .modal-allGroups__box, .modal-mystat__box, .modalSelect__item {
  width: 1098px;
  margin: 0 auto;
  background-color: #fff;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0px 7px 28.8px 11.2px rgba(0, 0, 0, 0.35); }

.modal-autovoice__title, .modal-date__title, .modal-choice__title, .modal-thanks--title, .modal-advanced--title, .modal-future--title, .modal-ready--title, .modal-thanksCsg--title, .modal-allGroups--title, .modal-revoice--title, .modal-mystat__title, .modalSelect-title {
  text-align: center;
  font-size: 30px;
  color: #798ea8;
  background-color: #e7ebef;
  padding: 20px 0 18px;
  position: relative; }

.modal-thanks__content, .modal-advanced__content, .modal-future__content, .modal-ready__content, .modal-thanksCsg__content, .modal-allGroups__content, .modalSelect-desc {
  height: 105px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .modal-thanks__content div, .modal-advanced__content div, .modal-future__content div, .modal-ready__content div, .modal-thanksCsg__content div, .modal-allGroups__content div, .modalSelect-desc div {
    max-width: 647px; }
  .modal-thanks__content p, .modal-advanced__content p, .modal-future__content p, .modal-ready__content p, .modal-thanksCsg__content p, .modal-allGroups__content p, .modalSelect-desc p {
    color: #798ea8;
    padding: 0 0 3px 16px;
    font-size: 15px;
    position: relative;
    font-weight: bold; }
    .modal-thanks__content p::after, .modal-advanced__content p::after, .modal-future__content p::after, .modal-ready__content p::after, .modal-thanksCsg__content p::after, .modal-allGroups__content p::after, .modalSelect-desc p::after {
      content: "";
      display: block;
      position: absolute;
      width: 6px;
      height: 6px;
      border-radius: 50%;
      background-color: #798ea8;
      top: 50%;
      left: 0;
      transform: translateY(-50%); }

.modal-autovoice-works, .modal-date-works, .modal-thanks__timer, .modal-advanced__timer, .modal-future__timer, .modal-thanksCsg__timer, .modal-allGroups__group, .modal-mystat-works, #modalSelect .modal-date-works, .modalSelect-works {
  height: 185px;
  background-color: #e7ebef;
  display: flex;
  align-items: center;
  justify-content: center; }

.modal-autovoice-btn, .modal-date-btn, .modal-choice-btn, .modal-thanks-btn, .modal-advanced-btn, .modal-future-btn, .modal-ready-btn, .modal-submission__footer, .modal-thanksCsg-btn, .modal-allGroups-btn, .modal-mystat-btn, .modalSelect-btn {
  padding: 33px 30px 35px;
  display: flex;
  align-items: center; }

.rotateTemolate, .rotateTemolate_2, .rotateTemolate_3, .rotateTemolate_4, .rotateTemolate_5, .rotateTemolate_6, .rotateTemolate_9, .rotateTemolate_10 {
  position: absolute;
  width: calc(100% - 468px);
  z-index: 1;
  height: 50vh;
  bottom: 0;
  left: 0;
  background-color: #fff;
  box-shadow: inset 0px 20px 40px 20px rgba(0, 0, 0, 0.2); }

.modal-submission__btn, .modal-submission__choice {
  width: 150px;
  height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  background-color: #798ea8;
  border-radius: 7px;
  margin: 0 30px;
  cursor: pointer;
  transition: all 0.3s; }
  .modal-submission__btn > span, .modal-submission__choice > span {
    margin-left: 9px; }
  .modal-submission__btn:hover, .modal-submission__choice:hover {
    background-color: #475566; }

.reVoice-co__title, .reVoice-cs__title, .withdraw-co__title, .withdraw-cs__title, .PrewTime-co__title, .PrewTime-cs__title, .AttentionTime-co__title, .AttentionTime-cs__title, .AutoVoice-co__title, .AutoVoice-cs__title, .AutoVoice1-co__title, .AutoVoice1-cs__title {
  display: none;
  font-size: 14px;
  font-weight: bold;
  border: 1px solid #898989;
  padding: 5px 5px;
  color: #798ea8;
  position: absolute;
  background-color: #fff;
  z-index: 100002;
  max-width: 280px;
  box-shadow: 0px 5px 6.51px 0.49px rgba(0, 0, 0, 0.22); }

.cs-sidebar--1__head::before, .cs-sidebar--2__head::before, .cs-sidebar--3__head::before, .cs-sidebar--5__head::before, .cs-sidebar--6__head::before, .cs-sidebar--9__head::before, .cs-sidebar--10__head::before {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: -5%;
  width: 110%;
  height: 70px;
  z-index: 9; }

.coHeader_2_bg::before, .coHeader_5_bg::before, .coHeader_6_bg::before, .coHeader_8_bg::before, .coHeader_9_bg::before, .coHeader_10_bg::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: -5%;
  width: 110%; }

@keyframes logo {
  0% {
    transform: rotate(0deg); }
  50% {
    transform: rotate(180deg); }
  100% {
    transform: rotate(360deg); } }
@keyframes linkAnim {
  0% {
    width: 0; }
  100% {
    width: 100%; } }
@keyframes showSponsorLabel {
  0% {
    opacity: 0; }
  30% {
    opacity: 0; }
  100% {
    opacity: 1; } }
.modal-moobil {
  position: fixed;
  width: 100vw;
  height: 100vh;
  top: 0;
  left: 0;
  background-color: #798ea8;
  z-index: 99999999;
  display: flex;
  align-items: center;
  justify-content: center; }
  .modal-moobil__desc {
    max-width: 80%;
    text-align: center;
    color: #fff;
    font-size: 22px;
    line-height: 30px; }

.header {
  height: 47px;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999998;
  background-color: #fff;
  background-size: 100% 47px;
  background-repeat: no-repeat;
  padding-left: 83px; }
  .header-pencilLogo {
    position: absolute;
    left: 11px;
    width: 165px;
    top: 14px; }
  .header::after {
    content: "";
    position: absolute;
    top: 0;
    left: -44px;
    background-color: #fff;
    width: 50px;
    z-index: inherit;
    height: 47px; }
  .header__item {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
  .header-miniMenu {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .header-miniMenu-lastChild {
      padding-left: 62px !important; }
    .header-miniMenu_content {
      display: flex;
      position: relative;
      transition: all 0.3s; }
      .header-miniMenu_content--modal {
        visibility: hidden;
        position: absolute;
        top: 39px;
        background-color: #fff;
        border: 1px solid #798ea8;
        z-index: 99999999999;
        font-size: 14px;
        font-weight: bold;
        color: #798ea8;
        text-align: left;
        padding: 6px 10px;
        transition: opacity 0.5s;
        box-shadow: 0px 5px 6.51px 0.49px rgba(0, 0, 0, 0.22);
        width: 160px;
        height: auto; }
      .header-miniMenu_content--p {
        display: block;
        color: #fff;
        font-size: 16px;
        padding: 2px 7px 5px 20px;
        font-weight: 600; }
        .header-miniMenu_content--p:hover + .header-miniMenu_content--modal {
          visibility: visible; }
      .header-miniMenu_content p {
        color: #fff;
        font-size: 16px;
        padding: 2px 7px 5px 20px;
        font-weight: 600; }
    .header-miniMenu p {
      display: block;
      color: #798ea8;
      font-size: 16px;
      padding: 2px 34px 5px 0;
      font-weight: 600; }
      .header-miniMenu p:hover {
        color: #000; }
  .header-name {
    position: relative;
    height: 47px;
    z-index: 0;
    margin-left: 2px;
    width: 252px;
    cursor: pointer; }
    .header-name a {
      width: 94%;
      height: 100%;
      position: absolute;
      cursor: pointer;
      z-index: 4; }
    .header-name:hover .header_co--tooltip {
      visibility: visible; }
  .header__tooltip {
    visibility: hidden;
    position: absolute;
    top: 50px;
    background-color: #fff;
    border: 1px solid #798ea8;
    z-index: 99999999999;
    font-size: 14px;
    font-weight: bold;
    color: #798ea8;
    text-align: left;
    padding: 6px 10px;
    transition: opacity 0.5s;
    box-shadow: 0px 5px 6.51px 0.49px rgba(0, 0, 0, 0.22);
    width: 80px;
    margin-left: 46px;
    height: auto;
    text-transform: uppercase; }
  .header-search {
    display: flex;
    align-items: center; }
    .header-search label {
      cursor: pointer;
      border-radius: 50%;
      width: 22px;
      height: 22px;
      display: flex;
      align-items: center;
      justify-content: center; }
    .header-search input {
      border: 1px solid #798da8;
      background-color: transparent;
      border-radius: 15px;
      width: 24px;
      height: 24px;
      padding: 0 11px;
      margin-left: 8px;
      font-size: 16px;
      color: #798da8; }
      .header-search input::placeholder {
        color: #fff;
        font-size: 20px; }
  .header-notification {
    margin-left: 14px;
    width: 21px;
    height: 24px; }
    .header-notification img {
      cursor: pointer; }
    .header-notification__tooltip {
      visibility: hidden;
      position: absolute;
      top: 50px;
      background-color: #fff;
      border: 1px solid #798ea8;
      z-index: 99999999999;
      font-size: 14px;
      font-weight: bold;
      color: #798ea8;
      text-align: left;
      padding: 6px 10px;
      transition: opacity 0.5s;
      box-shadow: 0px 5px 6.51px 0.49px rgba(0, 0, 0, 0.22);
      width: 100px;
      height: auto; }
    .header-notification:hover .header-notification__tooltip {
      visibility: visible; }
  .header-lang {
    margin: 0 8px 0 17px;
    position: relative; }
    .header-lang select {
      appearance: none;
      border: none;
      background-color: transparent;
      color: #fff;
      padding: 0 5px;
      width: 36px;
      text-align: center;
      text-align-last: left;
      text-transform: uppercase;
      cursor: pointer;
      position: relative;
      z-index: 99;
      font-weight: 600; }
    .header-lang option {
      color: #000 !important;
      border: 1px solid silver; }
      .header-lang option:hover {
        background-color: #d0d8e1; }
      .header-lang option:focus {
        background-color: #d0d8e1; }
    .header-lang__arrow {
      position: absolute;
      top: 18%;
      left: -6px;
      z-index: 1; }
  .header-workshop {
    margin-right: 7px;
    position: relative;
    z-index: 9999; }
  .header_co {
    height: 47px;
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999998;
    background-color: #fff;
    background-size: 100% 47px;
    background-repeat: no-repeat;
    padding-left: 83px; }
    .header_co .header-lang__arrow {
      left: 0;
      top: 26%; }
    .header_co-notification {
      margin-left: 11px;
      width: 21px;
      height: 24px; }
      .header_co-notification img {
        cursor: pointer; }
      .header_co-notification__tooltip {
        visibility: hidden;
        position: absolute;
        top: 50px;
        background-color: #fff;
        border: 1px solid #798ea8;
        z-index: 99999999999;
        font-size: 14px;
        font-weight: bold;
        color: #798ea8;
        text-align: left;
        padding: 6px 10px;
        transition: opacity 0.5s;
        box-shadow: 0px 5px 6.51px 0.49px rgba(0, 0, 0, 0.22);
        width: 100px;
        height: auto; }
      .header_co-notification:hover .header_co-notification__tooltip {
        visibility: visible; }
    .header_co-options {
      display: flex; }
      .header_co-options--item {
        margin-left: 7px; }
      .header_co-options img {
        vertical-align: top; }
    .header_co-leter {
      cursor: pointer;
      margin-left: 23px;
      display: flex;
      align-items: center; }
    .header_co-name {
      position: relative;
      height: 47px;
      z-index: 0;
      margin-left: 2px;
      width: 252px;
      cursor: pointer; }
      .header_co-name a {
        width: 94%;
        height: 100%;
        position: absolute;
        cursor: pointer;
        z-index: 4; }
      .header_co-name:hover .header_co--tooltip {
        visibility: visible; }
    .header_co-miniMenu {
      display: flex;
      align-items: center;
      justify-content: flex-start; }
      .header_co-miniMenu-lastChild {
        padding-left: 62px !important; }
      .header_co-miniMenu_content {
        display: flex;
        position: relative;
        transition: all 0.3s; }
        .header_co-miniMenu_content--modal {
          visibility: hidden;
          position: absolute;
          top: 39px;
          background-color: #fff;
          border: 1px solid #798ea8;
          z-index: 99999999999;
          font-size: 14px;
          font-weight: bold;
          color: #798ea8;
          text-align: left;
          padding: 6px 10px;
          transition: opacity 0.5s;
          box-shadow: 0px 5px 6.51px 0.49px rgba(0, 0, 0, 0.22);
          width: 160px;
          height: auto; }
        .header_co-miniMenu_content--p {
          display: block;
          color: #fff;
          font-size: 16px;
          padding: 2px 7px 5px 20px;
          font-weight: 600; }
          .header_co-miniMenu_content--p:hover + .header_co-miniMenu_content--modal {
            visibility: visible; }
        .header_co-miniMenu_content p {
          color: #fff;
          font-size: 16px;
          padding: 2px 7px 5px 20px;
          font-weight: 600; }
      .header_co-miniMenu p {
        display: block;
        color: #798ea8;
        font-size: 16px;
        padding: 2px 34px 5px 0;
        font-weight: 600; }
        .header_co-miniMenu p:hover {
          color: #000; }
    .header_co select {
      color: #798ea8; }
      .header_co select:hover {
        color: #4a5b71; }
    .header_co--tooltip {
      visibility: hidden;
      position: absolute;
      top: 50px;
      background-color: #fff;
      border: 1px solid #798ea8;
      z-index: 99999999999;
      font-size: 14px;
      font-weight: bold;
      color: #798ea8;
      text-align: left;
      padding: 6px 10px;
      transition: opacity 0.5s;
      box-shadow: 0px 5px 6.51px 0.49px rgba(0, 0, 0, 0.22);
      width: 80px;
      margin-left: 46px;
      height: auto;
      text-transform: uppercase; }
  .header select {
    color: #798ea8; }
    .header select:hover {
      color: #4a5b71; }

.logo {
  float: left;
  position: sticky;
  z-index: 9999999;
  top: 0;
  left: 0;
  height: 47px;
  width: 83px; }
  .logo__menu {
    width: 54px;
    height: 47px;
    background-color: #fff;
    display: flex;
    justify-content: center;
    flex-direction: column;
    transition: all 0.3s;
    cursor: pointer; }
    .logo__menu span {
      display: block;
      width: 20px;
      height: 2px;
      border-radius: 3px;
      background-color: #798ea8;
      margin: 2px 0 3px 10px;
      transition: all .3s; }
    .logo__menu:hover span {
      background-color: #4a5b71; }
  .logo__img {
    background-color: #fff; }
    .logo__img a {
      width: 100%;
      height: 100%;
      position: absolute;
      cursor: pointer;
      border-radius: 50%; }
  .logo--animate {
    animation: logo 6s infinite linear; }

.total .logo {
  position: fixed;
  top: 0;
  left: 0; }

.nav {
  display: none;
  position: fixed;
  z-index: 999999;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: rgba(24, 24, 24, 0.749); }
  .nav a {
    color: #fff;
    font-family: "ChampagneLimousines", sans-serif;
    font-weight: 600;
    text-shadow: 1.414px 1.414px 0.98px black; }
    .nav a:hover {
      color: #ee9d3a; }
  .nav-box {
    width: 435px;
    height: 100vh;
    padding-bottom: 25px;
    border-right: 1px solid #6d84a0;
    border-bottom: 1px solid #6d84a0;
    background-color: #445469;
    color: #fff;
    overflow-y: auto;
    scrollbar-color: #a1a8af #d0d8e1;
    scrollbar-width: thin; }
    .nav-box__btn {
      width: 150px;
      height: 30px;
      line-height: 26px;
      border: 1px solid #6d84a0;
      border-radius: 15px;
      margin: 10px 0 10px 109px;
      text-align: center;
      background-color: #445469;
      color: #fff;
      cursor: pointer; }
  .nav-menu__item {
    border-bottom: 1px solid #6d84a0;
    padding: 10px 41px 10px 20px;
    display: flex;
    justify-content: space-between; }
    .nav-menu__item:last-child {
      border-bottom: none; }
  .nav-menu__svg {
    display: flex;
    align-items: center;
    justify-content: center; }
    .nav-menu__svg img[src="../img/icon/svg/menu_parag.svg"] {
      margin: 35px 0; }
  .nav-menu__lastItem {
    padding: 10px 20px; }
  .nav-menu__link {
    margin: 11px 0 11px 35px;
    display: flex;
    align-items: center; }
    .nav-menu__link a {
      cursor: pointer; }
      .nav-menu__link a[data-tr-nav="product"] {
        color: #ee9d3a; }
    .nav-menu__link-img {
      margin-left: 8px;
      cursor: pointer;
      margin-top: 4.5px; }
    .nav-menu__link-notific {
      margin-top: -2px !important; }
  .nav-menu__select--box {
    margin: 11px 0; }
  .nav-menu__select--title {
    display: flex;
    font-weight: 600;
    font-size: 17px;
    height: 19px;
    align-items: center; }
    .nav-menu__select--title span {
      margin-left: 16px;
      text-shadow: 1.414px 1.414px 0.98px black; }
  .nav-menu__select__list {
    display: none;
    margin-left: 35px; }
    .nav-menu__select__list li {
      margin: 5px 0px; }
      .nav-menu__select__list li a {
        font-weight: 400;
        font-size: 15px; }
  .nav-menu__out {
    margin-left: 35px; }

.messageIcon {
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background-color: #ff0000;
  border: 2px solid #fff;
  text-align: center;
  display: inline-block;
  font-size: 10px;
  padding-top: 2px;
  margin-left: 7px; }

.nav-icon {
  transform: rotate(180deg) !important; }

.nav-icon-dropdown {
  transform: rotate(90deg) !important; }

.select-menu {
  display: block; }

.text {
  width: 270px; }
  .text span {
    color: #fff;
    text-shadow: 3px 3px 0.5px black;
    text-transform: uppercase;
    font-family: "a_BighausTitulExtraBolt", sans-serif;
    font-weight: bold;
    display: inline-block;
    transition: 1s;
    position: relative;
    top: 0px;
    left: 0px;
    cursor: default; }
    .text span:hover {
      text-shadow: -8px 8px 0px black;
      transition: 0.3s;
      top: -8px;
      left: 8px; }
    .text span.space {
      width: 20px;
      height: 100%; }

.header-workshop__photo {
  min-width: 47px;
  min-height: 47px;
  border-radius: 50%;
  overflow: hidden;
  position: relative;
  border: 2px solid #fff;
  box-sizing: border-box;
  cursor: pointer; }
  .header-workshop__photo .gsHoverPhoto-img {
    transition: all 0.3s !important;
    position: absolute;
    width: 100%;
    top: 0px;
    left: 0px; }

.footer {
  color: #979797;
  background-color: #000;
  position: relative;
  z-index: 9999;
  height: 149px;
  display: flex;
  align-items: center;
  width: 100vw;
  justify-content: space-between; }
  .footer-prew__para {
    margin-bottom: 149px; }
    .footer-prew__para--about {
      background-color: #fff; }
  .footer-para {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    z-index: -200; }
  .footer-logo {
    width: 109px;
    height: 109px; }
    .footer-logo img {
      width: 109px;
      height: 109px; }
  .footer__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 25px;
    width: 100vw; }
  .footer a {
    color: #979797;
    font-size: 16px; }
  .footer-left {
    display: flex;
    align-items: flex-end;
    width: 20%; }
  .footer-socBox {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    margin-left: 27px; }
  .footer-social {
    margin: 0 0 24px 0;
    width: 190px; }
    .footer-social li {
      display: inline-block;
      margin: 0 4px; }
      .footer-social li a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 34px;
        height: 34px;
        border: 1px solid #979797;
        border-radius: 50%;
        transition: all .3s; }
        .footer-social li a:hover {
          border: 1px solid #fff; }
          .footer-social li a:hover svg {
            fill: #fff; }
      .footer-social li svg {
        width: 18px;
        height: auto;
        fill: #979797;
        transition: all .3s; }
  .footer-desc {
    font-size: 11px;
    color: #979797; }
  .footer-right {
    width: 20%;
    display: flex;
    justify-content: flex-end;
    align-items: center; }
  .footer-menu {
    align-items: flex-start;
    justify-content: flex-end;
    position: relative;
    width: 143px;
    padding: 0 25px 0 12px;
    border-left: 1px solid #979797;
    min-height: 94px; }
    .footer-menu_content {
      transition: all .3s;
      display: flex;
      position: relative;
      margin: 2px 0;
      cursor: pointer; }
      .footer-menu_content:nth-child(3) {
        margin-bottom: 16px; }
      .footer-menu_content--modal {
        visibility: hidden;
        position: absolute;
        bottom: 20px;
        left: -29%;
        background-color: #fff;
        border: 1px solid #798ea8;
        z-index: 99999999999;
        font-size: 14px;
        font-weight: bold;
        color: #798ea8;
        text-align: left;
        padding: 6px 10px;
        transition: opacity 0.5s;
        box-shadow: 0px 5px 6.51px 0.49px rgba(0, 0, 0, 0.22);
        width: 145px;
        height: auto; }
      .footer-menu_content--p {
        text-shadow: 1.414px 1.414px 0.98px black;
        color: #979797;
        font-size: 16px;
        font-weight: 300;
        transition: all .3s; }
        .footer-menu_content--p:hover + .footer-menu_content--modal {
          visibility: visible; }
      .footer-menu_content p:hover {
        color: #fff !important; }
  .footer-email {
    margin-top: 15px;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all .3s; }
    .footer-email p {
      font-weight: 100;
      transition: all .3s; }
    .footer-email h2 {
      font-size: 24px;
      color: #979797;
      font-weight: 300;
      text-shadow: 1px 1.732px 1px rgba(0, 0, 0, 0.9);
      line-height: 15px;
      transition: all .3s; }
    .footer-email__item {
      margin: 15px 0;
      position: relative;
      text-align: center;
      display: flex;
      justify-content: center;
      align-items: center;
      transition: all .3s; }
      .footer-email__item input {
        background-color: #000;
        width: 257px;
        height: 28px;
        line-height: 26px;
        border: 1px solid #979797;
        border-radius: 5px;
        padding: 0 12px;
        font-size: 16px;
        margin-right: 14px;
        color: #7c7c7c; }
        .footer-email__item input::placeholder {
          font-weight: 600;
          color: #7c7c7c;
          transition: all .3s; }
        .footer-email__item input:active {
          border: 1px solid #f3f0f0; }
        .footer-email__item input:visited {
          border: 1px solid #f3f0f0; }
    .footer-email__btn {
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 5px;
      width: 146px;
      height: 30px;
      background-color: #00007f;
      color: #fff;
      font-size: 16px;
      cursor: pointer;
      border: none;
      font-weight: 500;
      transition: all 0.3s; }
      .footer-email__btn:hover {
        background-color: #0000a8; }
    .footer-email:hover ::placeholder {
      color: #fff; }
    .footer-email:hover h2 {
      color: #fff; }
  .footer-tooltip {
    display: flex;
    margin-right: 7px; }
    .footer-tooltip_content {
      transition: all 0.3s;
      position: relative; }
      .footer-tooltip_content--img {
        width: 32px;
        height: 32px;
        transition: background .3s;
        background-image: url(../img/icon/info-footer.png); }
      .footer-tooltip_content--img2 {
        width: 32px;
        height: 32px;
        transition: background .3s;
        background-image: url(../img/icon/camera.png); }
      .footer-tooltip_content--img3 {
        width: 32px;
        height: 32px;
        transition: background .3s;
        background-image: url(../img/icon/askFooter.png); }
      .footer-tooltip_content--img {
        margin-right: 12px; }
        .footer-tooltip_content--img:hover {
          background-image: url(../img/icon/info-footerHover.png); }
      .footer-tooltip_content--img2 {
        margin-right: 12px; }
        .footer-tooltip_content--img2:hover {
          background-image: url(../img/icon/cameraHover.png); }
      .footer-tooltip_content--img3 {
        margin-right: 12px; }
        .footer-tooltip_content--img3:hover {
          background-image: url(../img/icon/askFooterHover.png); }
        .footer-tooltip_content--img3:hover + .footer-tooltip_content--modal {
          visibility: visible; }

.prew-footer {
  height: 310px;
  width: 100vw;
  position: relative;
  transition: all .3s;
  display: flex;
  align-items: flex-end;
  justify-content: flex-start; }
  .prew-footer-co1 {
    background-image: url("../img/bg/bg_footer_1.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top; }
  .prew-footer-co2 {
    background-image: url("../img/bg/bg_co2_head_hover.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top; }
  .prew-footer-co3 {
    background-image: url("../img/bg/bg_co3_head_hover.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top; }
  .prew-footer-co4 {
    background-image: url("../img/bg/bg_co4_head_hover.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top; }
  .prew-footer-co5 {
    background-image: url("../img/bg/bg_footer_5.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom; }
  .prew-footer-co6 {
    background-image: url("../img/bg/bg_footer_6.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom; }
  .prew-footer-co7 {
    background-image: url("../img/bg/bg_footer_7.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom; }
  .prew-footer-co8 {
    background-image: url("../img/bg/bg_footer_8.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
  .prew-footer-co9 {
    background-image: url("../img/bg/bg_footer_9.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
  .prew-footer-co10 {
    background-image: url("../img/bg/bg_footer_10.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
  .prew-footer-gal1 {
    background-image: url("../img/workshop/bg_users/bg_user_1.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
  .prew-footer-gal2 {
    background-image: url("../img/geniarium/profilBg/bg_1.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center -24px; }
  .prew-footer-gal3 {
    background-image: url("../img/geniarium/profilBg/bg_2.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center; }
  .prew-footer-gal4 {
    background-image: url("../img/geniarium/profilBg/bg_10.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top; }
  .prew-footer-gal5 {
    background-image: url("../img/geniarium/profilBg/bg_5.png");
    background-repeat: no-repeat;
    background-size: cover; }
  .prew-footer-gal6 {
    background-image: url("../img/geniarium/profilBg/bg_7.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom; }
  .prew-footer-gal7 {
    background-image: url("../img/geniarium/profilBg/bg_8.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center bottom; }
  .prew-footer-gal8 {
    background-image: url("../img/geniarium/profilBg/bg_9.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 40px; }
  .prew-footer-gal9 {
    background-image: url("../img/geniarium/profilBg/bg_3.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 0px; }
  .prew-footer-gal10 {
    background-image: url("../img/geniarium/profilBg/bg_4.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center 0px; }
  .prew-footer__desk {
    position: relative;
    width: 91%;
    z-index: 9;
    top: 0;
    bottom: 0;
    height: 60px; }
    .prew-footer__desk .coHeader-title {
      margin: 0 25px;
      top: -14px !important;
      left: 0 !important; }

.prew-bg-footer {
  height: 149px;
  width: 100%;
  background-color: #eff1f5; }
  .prew-bg-footer-help {
    display: flex;
    align-items: center !important;
    justify-content: center;
    margin-top: -13px;
    height: 152px !important; }
  .prew-bg-footer__workshop {
    height: 182px;
    margin-top: -33px; }

.slide-vote-shadow-co3:after {
  display: block;
  content: "";
  position: absolute;
  width: 110%;
  height: 80px;
  bottom: 0;
  left: 0;
  box-shadow: 0px 25px 27px 0px rgba(0, 0, 0, 0.25); }
.slide-vote-shadow33:after {
  display: block;
  content: "";
  position: absolute;
  width: 110%;
  height: 80px;
  bottom: 0;
  left: 0;
  box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.2) !important; }
.slide-vote-shadow34:after {
  display: block;
  content: "";
  position: absolute;
  width: 110%;
  height: 80px;
  bottom: 0;
  left: 0;
  box-shadow: 0px 17px 24px 0px rgba(0, 0, 0, 0.19) !important; }

.modal-home__item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 990px;
  background-color: #fff;
  box-shadow: 0px 7px 28.8px 11.2px rgba(0, 0, 0, 0.35); }
.modal-home__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  background: linear-gradient(to bottom, rgba(121, 142, 168, 0.4) 0%, rgba(121, 142, 168, 0.9) 50%, #798ea8 100%);
  background-size: cover;
  background-position: center top; }
  .modal-home__head--desc {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .modal-home__head--desc img {
      width: 36px;
      height: 36px;
      margin: 0 16px 0 12px; }
    .modal-home__head--desc p {
      font-size: 21px;
      color: #fff;
      font-weight: bold;
      margin-bottom: 4px; }
  .modal-home__head--icon {
    width: 12px;
    height: 12px;
    background-image: url("../img/icon/modalClose.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
    margin-right: 17px; }
.modal-home__social {
  margin: 0 0 56px;
  padding: 1px 0;
  background-color: #e7ebef; }
  .modal-home__social--item {
    display: inline-block;
    width: 59px;
    height: 59px;
    margin: 0 14px;
    cursor: pointer; }
  .modal-home__social > div {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 29px 0; }
  .modal-home__social--fb {
    background-image: url("../img/icon/Socials/Facebook_default.svg");
    background-size: 59px 59px;
    background-repeat: no-repeat;
    background-position: center; }
    .modal-home__social--fb:hover {
      background-image: url("../img/icon/Socials/Facrbook_hover.svg"); }
  .modal-home__social--insta {
    background-image: url("../img/icon/Socials/Instagram_default.svg");
    background-size: 59px 59px;
    background-repeat: no-repeat;
    background-position: center; }
    .modal-home__social--insta:hover {
      background-image: url("../img/icon/Socials/Instagram_hover.svg"); }
  .modal-home__social--pinterest {
    background-image: url("../img/icon/Socials/Pinterest_default.svg");
    background-size: 59px 59px;
    background-repeat: no-repeat;
    background-position: center; }
    .modal-home__social--pinterest:hover {
      background-image: url("../img/icon/Socials/Pinterest_hover.svg"); }
  .modal-home__social--tw {
    background-image: url("../img/icon/Socials/Twitter_default.svg");
    background-size: 59px 59px;
    background-repeat: no-repeat;
    background-position: center; }
    .modal-home__social--tw:hover {
      background-image: url("../img/icon/Socials/Twitter_hover.svg"); }
  .modal-home__social--viber {
    background-image: url("../img/icon/Socials/Vider_default.svg");
    background-size: 59px 59px;
    background-repeat: no-repeat;
    background-position: center; }
    .modal-home__social--viber:hover {
      background-image: url("../img/icon/Socials/Vider_hover.svg"); }
  .modal-home__social--teleg {
    background-image: url("../img/icon/Socials/Telegram_default.svg");
    background-size: 59px 59px;
    background-repeat: no-repeat;
    background-position: center; }
    .modal-home__social--teleg:hover {
      background-image: url("../img/icon/Socials/Telegram_hover.svg"); }
  .modal-home__social--tmeseg {
    background-image: url("../img/icon/Socials/FB_messenger_default.svg");
    background-size: 59px 59px;
    background-repeat: no-repeat;
    background-position: center; }
    .modal-home__social--tmeseg:hover {
      background-image: url("../img/icon/Socials/FB_messenger_hover.svg"); }
  .modal-home__social--wup {
    background-image: url("../img/icon/Socials/What_sApp_default.svg");
    background-size: 59px 59px;
    background-repeat: no-repeat;
    background-position: center; }
    .modal-home__social--wup:hover {
      background-image: url("../img/icon/Socials/What_sApp_hover.svg"); }
  .modal-home__social--co9 {
    padding: 35px 0;
    background-color: #e7ebef;
    margin: 35px 0;
    text-align: center;
    color: #798ea8;
    font-size: 24px; }
.modal-home__btn {
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 20px; }
  .modal-home__btn--btn {
    width: 109px;
    height: 26px;
    border-radius: 14px;
    background-color: #fff;
    border: 1px solid #798ea8;
    color: #798ea8;
    transition: all .3s; }
    .modal-home__btn--btn:hover {
      background-color: #798ea8;
      color: #fff; }
  .modal-home__btn--ok {
    width: 109px;
    height: 26px;
    line-height: 22px;
    text-transform: uppercase;
    border-width: 1px;
    border-color: #798ea8;
    border-style: solid;
    border-radius: 14px;
    background-color: #798ea8;
    color: #fff;
    transition: all .3s;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 2px; }
    .modal-home__btn--ok:hover {
      background-color: #fff;
      color: #798ea8; }
.modal-home__title {
  text-align: center;
  font-size: 48px;
  color: #798ea8;
  display: flex;
  align-items: center;
  justify-content: center;
  line-height: 51px;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding: 0 15px 0 35px;
  overflow: hidden;
  height: 120px; }
  .modal-home__title--g {
    font-size: 40px;
    line-height: 46px; }

.modal-statistic__box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80vw;
  max-height: 90vh;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0px 7px 28.8px 11.2px rgba(0, 0, 0, 0.35); }
.modal-statistic__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  background: linear-gradient(to bottom, rgba(121, 142, 168, 0.4) 0%, rgba(121, 142, 168, 0.9) 50%, #798ea8 100%);
  background-size: cover;
  background-position: center top; }
  .modal-statistic__head--desc {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .modal-statistic__head--desc img {
      width: 36px;
      height: 36px;
      margin: 0 16px 0 12px; }
    .modal-statistic__head--desc p {
      font-size: 21px;
      color: #fff;
      font-weight: bold;
      margin-bottom: 4px; }
  .modal-statistic__head--icon {
    width: 12px;
    height: 12px;
    background-image: url("../img/icon/modalClose.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
    margin-right: 17px; }
.modal-statistic__content {
  width: 100%;
  margin-bottom: 50px; }
  .modal-statistic__content--item {
    padding: 24px 0;
    display: none;
    max-height: 74vh;
    overflow-y: scroll;
    scrollbar-color: #a1a8af #d0d8e1;
    scrollbar-width: thin; }
    .modal-statistic__content--item::-webkit-scrollbar {
      background-color: #d0d8e1;
      width: 7px; }
    .modal-statistic__content--item::-webkit-scrollbar-thumb {
      background-color: #a1a8af; }
    .modal-statistic__content--item label {
      display: flex;
      align-items: center;
      color: #798ea8;
      font-size: 13px;
      font-weight: normal;
      margin-bottom: 5px; }
      .modal-statistic__content--item label input {
        display: none; }
      .modal-statistic__content--item label span {
        display: block;
        width: 13px;
        height: 13px;
        border: 1px solid #798ea8;
        background-color: #fff;
        margin-right: 8px;
        position: relative;
        margin-top: 2px; }
    .modal-statistic__content--item [type=checkbox]:checked + span:before {
      content: '\2713';
      position: absolute;
      top: -2px;
      left: 1px;
      font-size: 17px;
      color: #798ea8; }
  .modal-statistic__content .data-statistic_1 {
    display: block; }
  .modal-statistic__content--sponsor {
    position: fixed;
    top: 70px;
    right: 37px;
    transition: 0.2s linear;
    transform-origin: top right;
    height: 30px;
    z-index: 999;
    vertical-align: top; }
    .modal-statistic__content--sponsor_7 {
      height: 37px; }
    .modal-statistic__content--sponsor:hover {
      will-change: transform;
      transform-origin: top right;
      transform: scale(1.2) translateZ(0);
      transition: transform .3s; }
    .modal-statistic__content--sponsor img {
      vertical-align: top;
      height: 100%;
      width: auto; }
.modal-statistic__footer {
  position: fixed;
  z-index: 100009;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 23px 25px 21px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background-color: #fff; }
  .modal-statistic__footer--btn-ok {
    width: 109px;
    height: 26px;
    line-height: 22px;
    border-width: 1px;
    border-color: #798ea8;
    border-style: solid;
    border-radius: 14px;
    background-color: #798ea8;
    color: #fff;
    transition: all .3s;
    font-size: 16px;
    font-weight: 600; }
    .modal-statistic__footer--btn-ok:hover {
      background-color: #fff;
      color: #798ea8; }
  .modal-statistic__footer--btn-repeat {
    height: 26px;
    line-height: 22px;
    border-width: 1px;
    border-color: #798ea8;
    border-style: solid;
    border-radius: 14px;
    background-color: #fff;
    color: #798ea8;
    transition: all .3s;
    font-size: 16px;
    font-weight: bold;
    padding: 0 22px;
    margin-right: 7px; }
    .modal-statistic__footer--btn-repeat:hover {
      background-color: #798ea8;
      color: #fff; }
.modal-statistic__tabs {
  display: flex;
  align-items: center;
  justify-content: flex-start; }
.modal-statistic__tab {
  margin-right: 18px;
  color: #798ea8;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  position: relative; }
  .modal-statistic__tab--active {
    font-weight: bold;
    text-decoration: underline;
    color: #475566; }
.modal-statistic__sponsor_3 {
  height: 63px !important;
  width: auto; }
.modal-statistic__sponsor_5 {
  height: 61px !important;
  width: auto; }
.modal-statistic__sponsor_6 {
  width: 156px;
  height: auto; }
.modal-statistic__sponsor_9 {
  width: auto;
  height: 35px !important; }
.modal-statistic .nonActive {
  display: none; }

.modalStatisticTitle {
  position: absolute;
  bottom: 105%;
  background-color: #fff;
  display: none;
  padding: 7px;
  border: 1px solid #898989;
  max-width: 140px;
  font-size: 14px;
  font-weight: bold;
  color: #798ea8;
  box-shadow: 0px 5px 6.51px 0.49px rgba(0, 0, 0, 0.22); }

.modal-info__box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1090px;
  max-height: 90vh;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0px 7px 28.8px 11.2px rgba(0, 0, 0, 0.35); }
.modal-info__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  background: linear-gradient(to bottom, rgba(121, 142, 168, 0.4) 0%, rgba(121, 142, 168, 0.9) 50%, #798ea8 100%);
  background-size: cover;
  background-position: center top; }
  .modal-info__head--desc {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .modal-info__head--desc img {
      width: 36px;
      height: 36px;
      margin: 0 16px 0 12px; }
    .modal-info__head--desc p {
      font-size: 21px;
      color: #fff;
      font-weight: bold;
      margin-bottom: 4px; }
  .modal-info__head--icon {
    width: 12px;
    height: 12px;
    background-image: url("../img/icon/modalClose.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
    margin-right: 17px; }
.modal-info__content {
  max-height: 80vh;
  overflow-y: scroll;
  scrollbar-color: #a1a8af #d0d8e1;
  scrollbar-width: thin; }
  .modal-info__content::-webkit-scrollbar {
    background-color: #d0d8e1;
    width: 7px; }
  .modal-info__content::-webkit-scrollbar-thumb {
    background-color: #a1a8af; }
.modal-info__title {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: 48px;
  color: #798ea8;
  padding: 0 15px 0 35px;
  height: 120px; }
.modal-info__item {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  padding: 25px 0 25px 128px;
  width: 750px;
  margin: 0 auto; }
  .modal-info__item--name {
    font-weight: bold;
    color: #798ea8;
    font-size: 17px;
    width: 250px;
    padding-left: 25px; }
    .modal-info__item--name p {
      margin: 5px 0;
      height: 18px;
      line-height: 1; }
  .modal-info__item--text {
    color: #798ea8;
    font-size: 17px;
    width: 300px; }
    .modal-info__item--text .modal-info__decs {
      margin: 5px 0;
      display: block;
      height: 18px;
      line-height: 1; }
      .modal-info__item--text .modal-info__decs--prize {
        color: #0069ea; }
      .modal-info__item--text .modal-info__decs--sponsor {
        color: #0069ea; }
    .modal-info__item--text > p {
      margin: 5px 0;
      display: block;
      height: 18px;
      line-height: 1; }
  .modal-info__item--medium {
    margin-bottom: 59px; }
  .modal-info__item--first {
    background-color: #e7ebef; }
.modal-info__form--column {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding-top: 30px;
  padding-bottom: 30px; }
.modal-info__footer {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 20px 16px 13px; }
  .modal-info__footer button {
    width: 109px;
    height: 26px;
    border-width: 1px;
    border-color: #798ea8;
    border-style: solid;
    border-radius: 14px;
    background-color: #798ea8;
    color: #fff;
    transition: all .3s;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 2px; }
    .modal-info__footer button:hover {
      background-color: #fff;
      color: #798ea8; }
.modal-info .modal-date-works {
  padding: 42px 0;
  border: none; }
.modal-info__rules {
  padding: 25px 0 30px 153px;
  width: 750px;
  margin: 0 auto; }
  .modal-info__rules h3 {
    color: #798ea8;
    font-size: 20px;
    font-family: "a_BighausTitulExtraBolt", sans-serif;
    margin-bottom: 10px;
    text-align: center;
    padding-right: 120px;
    text-transform: uppercase; }
  .modal-info__rules p {
    font-size: 15px;
    color: #7e8da6;
    margin-bottom: 1px; }
  .modal-info__rules span {
    font-size: 15px;
    color: #7e8da6;
    font-weight: bold;
    margin-right: 3px; }
  .modal-info__rules a {
    text-decoration: underline;
    color: #0069ea;
    margin-left: 15px; }
    .modal-info__rules a:hover {
      text-decoration: none; }

.modal-admitted__sponsor-head {
  top: 65px !important; }
.modal-admitted__box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1100px;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0px 7px 28.8px 11.2px rgba(0, 0, 0, 0.35); }
.modal-admitted__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  background: linear-gradient(to bottom, rgba(121, 142, 168, 0.4) 0%, rgba(121, 142, 168, 0.9) 50%, #798ea8 100%);
  background-size: cover;
  background-position: center top; }
  .modal-admitted__head--desc {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .modal-admitted__head--desc img {
      width: 36px;
      height: 36px;
      margin: 0 16px 0 12px; }
    .modal-admitted__head--desc p {
      font-size: 21px;
      color: #fff;
      font-weight: 400;
      margin-bottom: 4px; }
  .modal-admitted__head--icon {
    width: 12px;
    height: 12px;
    background-image: url("../img/icon/modalClose.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
    margin-right: 17px; }
.modal-admitted__content {
  color: #798ea8;
  background-color: #fff; }
  .modal-admitted__content-head {
    height: 63px;
    line-height: 57px;
    background-color: #e7ebef;
    font-size: 30px;
    font-weight: 300;
    text-align: center; }
  .modal-admitted__content-title {
    height: 80px;
    padding-left: 163px;
    display: flex;
    align-items: center; }
    .modal-admitted__content-title li {
      list-style: disc;
      font-weight: bold; }
  .modal-admitted__content-main {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 354px;
    height: 209px;
    align-items: center;
    background-color: #e7ebef; }
    .modal-admitted__content-main--box {
      width: 104px;
      height: 130px; }
      .modal-admitted__content-main--box__img, .modal-admitted__content-main--box__img2, .modal-admitted__content-main--box__img3 {
        width: 113px;
        height: 113px; }
      .modal-admitted__content-main--box__img {
        background: url(../img/co/cs_6/3.png) center/cover; }
      .modal-admitted__content-main--box__img2 {
        background: url(../img/co/cs_6/2.png) center/cover; }
      .modal-admitted__content-main--box__img3 {
        background: url(../img/co/cs_6/14.png) center/cover; }
      .modal-admitted__content-main--box__input {
        display: flex;
        margin-top: 12px;
        align-items: center; }
        .modal-admitted__content-main--box__input p {
          margin-left: 10px; }
.modal-admitted__btn {
  position: relative;
  height: 60px;
  padding-right: 30px;
  display: flex;
  align-items: center;
  justify-content: flex-end; }
  .modal-admitted__btn a {
    height: 30px;
    border-radius: 23px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    border: 1px solid #798ea8;
    cursor: pointer; }
  .modal-admitted__btn--cancel {
    width: 180px;
    margin-right: 15px; }
    .modal-admitted__btn--cancel-notw {
      background-color: #fff;
      color: #798ea8; }
    .modal-admitted__btn--cancel-w {
      background-color: #d43838;
      color: #fff;
      border: none !important; }
    .modal-admitted__btn--cancel:hover + .modal-admitted__btn--tooltipp {
      visibility: visible; }
  .modal-admitted__btn--tooltip {
    visibility: hidden;
    position: absolute;
    width: 170px;
    height: auto;
    background-color: #fff;
    border: 1px solid #798ea8;
    font-size: 14px;
    font-weight: bold;
    color: #798ea8;
    text-align: left;
    padding: 6px 10px;
    box-shadow: 0px 5px 6.51px 0.49px rgba(0, 0, 0, 0.22);
    top: -50px;
    right: 165px; }
  .modal-admitted__btn--ok {
    width: 113px;
    background-color: #798ea8;
    color: #fff;
    transition: all .3s; }
    .modal-admitted__btn--ok:hover {
      background-color: #fff;
      color: #798ea8; }

.modal-admitted1__sponsor-head {
  top: 65px !important; }
.modal-admitted1__box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1100px;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0px 7px 28.8px 11.2px rgba(0, 0, 0, 0.35); }
.modal-admitted1__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  background: linear-gradient(to bottom, rgba(121, 142, 168, 0.4) 0%, rgba(121, 142, 168, 0.9) 50%, #798ea8 100%);
  background-size: cover;
  background-position: center top; }
  .modal-admitted1__head--desc {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .modal-admitted1__head--desc img {
      width: 36px;
      height: 36px;
      margin: 0 16px 0 12px; }
    .modal-admitted1__head--desc p {
      font-size: 21px;
      color: #fff;
      font-weight: 400;
      margin-bottom: 4px; }
  .modal-admitted1__head--icon {
    width: 12px;
    height: 12px;
    background-image: url("../img/icon/modalClose.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
    margin-right: 17px; }
.modal-admitted1__content {
  color: #798ea8;
  background-color: #fff; }
  .modal-admitted1__content-head {
    height: 63px;
    line-height: 57px;
    background-color: #e7ebef;
    font-size: 30px;
    font-weight: 300;
    text-align: center; }
  .modal-admitted1__content-title {
    height: 80px;
    padding-left: 163px;
    display: flex;
    align-items: center; }
    .modal-admitted1__content-title li {
      list-style: disc;
      font-weight: bold; }
  .modal-admitted1__content-main {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 209px;
    background-color: #e7ebef; }
    .modal-admitted1__content-main p {
      font-size: 26px;
      color: #798ea8; }
.modal-admitted1__btn {
  position: relative;
  height: 60px;
  padding-right: 30px;
  display: flex;
  align-items: center;
  justify-content: flex-end; }
  .modal-admitted1__btn a {
    height: 30px;
    border-radius: 23px;
    font-size: 16px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold;
    border: 1px solid #798ea8;
    cursor: pointer; }
  .modal-admitted1__btn--ok {
    width: 113px;
    background-color: #798ea8;
    color: #fff;
    transition: all .3s; }
    .modal-admitted1__btn--ok:hover {
      background-color: #fff;
      color: #798ea8; }

.modal-premium__box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1100px;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0px 7px 28.8px 11.2px rgba(0, 0, 0, 0.35); }
.modal-premium__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  background: linear-gradient(to bottom, rgba(121, 142, 168, 0.4) 0%, rgba(121, 142, 168, 0.9) 50%, #798ea8 100%);
  background-size: cover;
  background-position: center top; }
  .modal-premium__head--desc {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .modal-premium__head--desc img {
      width: 36px;
      height: 36px;
      margin: 0 16px 0 12px; }
    .modal-premium__head--desc p {
      font-size: 21px;
      color: #fff;
      font-weight: bold;
      margin-bottom: 4px; }
  .modal-premium__head--icon {
    width: 12px;
    height: 12px;
    background-image: url("../img/icon/modalClose.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
    margin-right: 17px; }
.modal-premium__content {
  color: #798ea8;
  background-color: #fff;
  max-height: 80vh;
  overflow: auto;
  scrollbar-color: #a1a8af #d0d8e1;
  scrollbar-width: thin; }
  .modal-premium__content::-webkit-scrollbar {
    background-color: #d0d8e1;
    width: 7px; }
  .modal-premium__content::-webkit-scrollbar-thumb {
    background-color: #a1a8af; }
  .modal-premium__content-head {
    height: 63px;
    line-height: 57px;
    background-color: #e7ebef;
    font-size: 45px;
    font-weight: 300;
    text-align: center; }
  .modal-premium__content-text-1 {
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    font-weight: bold;
    width: 100% !important;
    height: 77px; }
    .modal-premium__content-text-1 p {
      position: relative; }
      .modal-premium__content-text-1 p:after {
        content: "";
        display: block;
        width: 0%;
        position: absolute;
        bottom: -4px;
        left: 50%;
        transform: translateX(-50%);
        height: 1px;
        background-color: #798ea8; }
      .modal-premium__content-text-1 p:hover:after {
        animation: linkAnim 0.5s forwards; }
    .modal-premium__content-text-1 a {
      color: #798ea8;
      cursor: pointer; }
  .modal-premium__content-text {
    font-size: 16px;
    font-weight: bold;
    width: 794px;
    margin: 0 auto;
    padding: 29.5px 0 29.5px 22px;
    display: flex;
    justify-content: space-between; }
    .modal-premium__content-text a {
      color: #798ea8;
      cursor: pointer; }
    .modal-premium__content-text-column {
      height: 105px;
      display: flex;
      flex-direction: column;
      justify-content: space-between; }
      .modal-premium__content-text-column-div {
        display: flex;
        transition: all 0.3s;
        position: relative; }
        .modal-premium__content-text-column-div p:after {
          content: "";
          display: block;
          width: 0%;
          position: absolute;
          bottom: -4px;
          left: 50%;
          transform: translateX(-50%);
          height: 1px;
          background-color: #798ea8; }
        .modal-premium__content-text-column-div p:hover:after {
          animation: linkAnim 0.5s forwards; }
      .modal-premium__content-text-column--title {
        visibility: hidden;
        position: absolute;
        margin-left: -140px;
        bottom: 20px;
        background-color: #fff;
        border: 1px solid #798ea8;
        z-index: 99999999999;
        font-size: 14px;
        font-weight: bold;
        color: #798ea8;
        text-align: left;
        padding: 6px 10px;
        transition: opacity 0.5s;
        box-shadow: 0px 5px 6.51px 0.49px rgba(0, 0, 0, 0.22);
        width: 300px;
        height: auto; }
      .modal-premium__content-text-column-before {
        width: 16px;
        height: 16px;
        margin-right: 8px;
        margin-top: 1px;
        background-image: url(../img/icon/askdark.png);
        display: block;
        cursor: pointer; }
        .modal-premium__content-text-column-before:hover + .modal-premium_1 {
          visibility: visible; }
    .modal-premium__content-text p {
      position: relative; }
  .modal-premium__content-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 22px 178px 36px 175.5px;
    background-color: #e7ebef; }
    .modal-premium__content-price--item {
      display: flex;
      align-items: center;
      flex-direction: column;
      width: 207px; }
      .modal-premium__content-price--item .sale {
        font-weight: bold;
        font-size: 36px; }
      .modal-premium__content-price--item .desc {
        font-size: 17px;
        font-weight: bold; }
      .modal-premium__content-price--item div:first-child {
        border-bottom: 2px solid #798ea8; }
    .modal-premium__content-price--button {
      margin-top: 20px;
      box-sizing: border-box;
      width: 92px;
      height: 30px;
      line-height: 25px;
      font-size: 16px;
      font-weight: bold;
      text-align: center;
      color: #fff;
      border: 1px solid #798ea8;
      border-radius: 15px;
      background-color: #798ea8;
      cursor: pointer;
      transition: all 0.3s; }
      .modal-premium__content-price--button:hover {
        background-color: #475566;
        border: 1px solid #475566; }
.modal-premium__btn {
  margin-bottom: 20px;
  margin-top: 15px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 20px; }
  .modal-premium__btn--btn {
    padding: 0 26px 5px;
    margin-left: 13px;
    height: 26px;
    font-weight: bold;
    font-size: 16px;
    border-radius: 14px;
    background-color: #798ea8;
    border: 1px solid #798ea8;
    color: #fff;
    transition: all .3s; }
    .modal-premium__btn--btn:hover {
      background-color: #fff;
      color: #798ea8; }
  .modal-premium__btn--reset {
    width: 113px;
    height: 30px;
    line-height: 28px;
    text-align: center;
    border-radius: 14px;
    background-color: #fff;
    border: 1px solid #798ea8;
    color: #798ea8;
    transition: all .3s;
    padding-bottom: 2px;
    text-transform: uppercase;
    cursor: pointer; }
    .modal-premium__btn--reset:hover {
      background-color: #798ea8;
      color: #fff; }

.modal-sendWork__box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1100px;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0px 7px 28.8px 11.2px rgba(0, 0, 0, 0.35); }
.modal-sendWork__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  background: linear-gradient(to bottom, rgba(121, 142, 168, 0.4) 0%, rgba(121, 142, 168, 0.9) 50%, #798ea8 100%);
  background-size: cover;
  background-position: center top; }
  .modal-sendWork__head--desc {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .modal-sendWork__head--desc img {
      width: 36px;
      height: 36px;
      margin: 0 16px 0 12px; }
    .modal-sendWork__head--desc p {
      font-size: 21px;
      color: #fff;
      font-weight: normal;
      margin-bottom: 4px; }
  .modal-sendWork__head--icon {
    width: 12px;
    height: 12px;
    background-image: url("../img/icon/modalClose.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
    margin-right: 17px; }
.modal-sendWork__content {
  color: #798ea8;
  background-color: #fff;
  max-height: 80vh;
  overflow: auto;
  scrollbar-color: #a1a8af #d0d8e1;
  scrollbar-width: thin; }
  .modal-sendWork__content::-webkit-scrollbar {
    background-color: #d0d8e1;
    width: 7px; }
  .modal-sendWork__content::-webkit-scrollbar-thumb {
    background-color: #a1a8af; }
  .modal-sendWork__content-head {
    height: 62px;
    line-height: 57px;
    background-color: #e7ebef;
    font-size: 30px;
    font-weight: 300;
    text-align: center; }
  .modal-sendWork__content-text {
    font-size: 17px;
    font-weight: bold;
    width: 574px;
    margin: 0 auto;
    padding: 25px 0 25px 22px; }
    .modal-sendWork__content-text p {
      position: relative; }
      .modal-sendWork__content-text p:after {
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        left: -22px;
        transform: translateY(-50%);
        width: 6px;
        height: 6px;
        background-color: #798ea8;
        border-radius: 50%; }
  .modal-sendWork__content-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px 180px 50px; }
    .modal-sendWork__content-price--item {
      display: flex;
      align-items: center;
      flex-direction: column; }
      .modal-sendWork__content-price--item .sale {
        font-weight: bold;
        font-size: 36px; }
      .modal-sendWork__content-price--item .desc {
        font-size: 17px; }
      .modal-sendWork__content-price--item div:first-child {
        border-bottom: 1px solid #798ea8; }
    .modal-sendWork__content-price--button {
      margin-top: 20px;
      box-sizing: border-box;
      width: 92px;
      height: 30px;
      line-height: 25px;
      font-size: 16px;
      font-weight: bold;
      text-align: center;
      color: #fff;
      border: 1px solid #798ea8;
      border-radius: 15px;
      background-color: #798ea8;
      cursor: pointer;
      transition: all 0.3s; }
      .modal-sendWork__content-price--button:hover {
        background-color: #475566;
        border: 1px solid #475566; }
.modal-sendWork__footer {
  width: 100%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 30px 13px; }
  .modal-sendWork__footer button {
    width: 109px;
    height: 26px;
    border-width: 1px;
    border-color: #798ea8;
    border-style: solid;
    border-radius: 14px;
    background-color: #798ea8;
    color: #fff;
    transition: all .3s;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 2px; }
    .modal-sendWork__footer button:hover {
      background-color: #fff;
      color: #798ea8; }
.modal-sendWork__statistic {
  color: #798ea8;
  font-size: 17px;
  text-decoration: underline;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s; }
  .modal-sendWork__statistic:hover {
    text-decoration: none; }

.modal-sendWork-another__box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1100px;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0px 7px 28.8px 11.2px rgba(0, 0, 0, 0.35); }
.modal-sendWork-another__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  background: linear-gradient(to bottom, rgba(121, 142, 168, 0.4) 0%, rgba(121, 142, 168, 0.9) 50%, #798ea8 100%);
  background-size: cover;
  background-position: center top; }
  .modal-sendWork-another__head--desc {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .modal-sendWork-another__head--desc img {
      width: 36px;
      height: 36px;
      margin: 0 16px 0 12px; }
    .modal-sendWork-another__head--desc p {
      font-size: 21px;
      color: #fff;
      font-weight: normal;
      margin-bottom: 4px; }
  .modal-sendWork-another__head--icon {
    width: 12px;
    height: 12px;
    background-image: url("../img/icon/modalClose.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
    margin-right: 17px; }
.modal-sendWork-another__content {
  color: #798ea8;
  background-color: #fff;
  max-height: 80vh;
  overflow: auto;
  scrollbar-color: #a1a8af #d0d8e1;
  scrollbar-width: thin;
  background-color: #e7ebef; }
  .modal-sendWork-another__content::-webkit-scrollbar {
    background-color: #d0d8e1;
    width: 7px; }
  .modal-sendWork-another__content::-webkit-scrollbar-thumb {
    background-color: #a1a8af; }
  .modal-sendWork-another__content-head {
    height: 62px;
    line-height: 57px;
    background-color: #fff;
    font-size: 30px;
    font-weight: 300;
    text-align: center; }
  .modal-sendWork-another__content-foot {
    height: 62px;
    line-height: 57px;
    background-color: #e7ebef;
    font-size: 30px;
    font-weight: 300;
    text-align: center; }
  .modal-sendWork-another__content-text {
    font-size: 17px;
    font-weight: bold;
    width: 647px;
    margin: 0 auto;
    padding: 35px 0 40px 22px; }
    .modal-sendWork-another__content-text p {
      position: relative;
      margin: 7px 0; }
      .modal-sendWork-another__content-text p:after {
        content: "";
        display: block;
        position: absolute;
        top: 9px;
        left: -22px;
        transform: translateY(-50%);
        width: 6px;
        height: 6px;
        background-color: #798ea8;
        border-radius: 50%; }
  .modal-sendWork-another__content-price {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 25px 180px 50px; }
    .modal-sendWork-another__content-price--item {
      display: flex;
      align-items: center;
      flex-direction: column; }
      .modal-sendWork-another__content-price--item .sale {
        font-weight: bold;
        font-size: 36px; }
      .modal-sendWork-another__content-price--item .desc {
        font-size: 17px; }
      .modal-sendWork-another__content-price--item div:first-child {
        border-bottom: 1px solid #798ea8; }
    .modal-sendWork-another__content-price--button {
      margin-top: 20px;
      box-sizing: border-box;
      width: 92px;
      height: 30px;
      line-height: 25px;
      font-size: 16px;
      font-weight: bold;
      text-align: center;
      color: #fff;
      border: 1px solid #798ea8;
      border-radius: 15px;
      background-color: #798ea8;
      cursor: pointer;
      transition: all 0.3s; }
      .modal-sendWork-another__content-price--button:hover {
        background-color: #475566;
        border: 1px solid #475566; }
.modal-sendWork-another__footer {
  width: 100%;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 20px 30px 13px; }
  .modal-sendWork-another__footer button {
    width: 109px;
    height: 26px;
    border-width: 1px;
    border-color: #798ea8;
    border-style: solid;
    border-radius: 14px;
    background-color: #798ea8;
    color: #fff;
    transition: all .3s;
    font-size: 16px;
    font-weight: 600;
    padding-bottom: 2px; }
    .modal-sendWork-another__footer button:hover {
      background-color: #fff;
      color: #798ea8; }
.modal-sendWork-another__statistic {
  color: #798ea8;
  font-size: 17px;
  text-decoration: underline;
  font-weight: bold;
  cursor: pointer;
  transition: all 0.3s; }
  .modal-sendWork-another__statistic:hover {
    text-decoration: none; }

.modal-search input[type='number'] {
  -moz-appearance: textfield; }
.modal-search input::-webkit-outer-spin-button,
.modal-search input::-webkit-inner-spin-button {
  -webkit-appearance: none; }
.modal-search__box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 1098px;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0px 7px 28.8px 11.2px rgba(0, 0, 0, 0.35); }
.modal-search__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  background: linear-gradient(to bottom, rgba(121, 142, 168, 0.4) 0%, rgba(121, 142, 168, 0.9) 50%, #798ea8 100%);
  background-size: cover;
  background-position: center top; }
  .modal-search__head--desc {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .modal-search__head--desc img {
      width: 36px;
      height: 36px;
      margin: 0 16px 0 12px; }
    .modal-search__head--desc p {
      font-size: 21px;
      color: #fff;
      font-weight: bold;
      margin-bottom: 4px; }
  .modal-search__head--icon {
    width: 12px;
    height: 12px;
    background-image: url("../img/icon/modalClose.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
    margin-right: 17px; }
.modal-search__content {
  height: 73vh;
  background-color: #fff;
  overflow-y: auto;
  scrollbar-color: #a1a8af #d0d8e1;
  scrollbar-width: thin; }
  .modal-search__content::-webkit-scrollbar {
    background-color: #d0d8e1;
    width: 7px; }
  .modal-search__content::-webkit-scrollbar-thumb {
    background-color: #a1a8af; }
.modal-search__title {
  text-align: center;
  width: 100%;
  height: 63px;
  line-height: 63px;
  background-color: #e7ebef;
  color: #798ea8;
  font-size: 45px;
  font-weight: 300; }
.modal-search-check {
  width: 760px;
  margin: 0 auto;
  padding: 30px 0; }
  .modal-search-check__item {
    font-size: 17px;
    color: #798ea8; }
    .modal-search-check__item label {
      display: flex;
      align-items: center;
      color: #798ea8;
      font-size: 17px;
      font-weight: normal;
      margin-bottom: 5px; }
      .modal-search-check__item label input {
        display: none; }
      .modal-search-check__item label span {
        display: block;
        width: 13px;
        height: 13px;
        border: 1px solid #798ea8;
        background-color: #fff;
        margin-right: 8px;
        position: relative;
        margin-top: 2px; }
    .modal-search-check__item [type=checkbox]:checked + span:before {
      content: '\2713';
      position: absolute;
      top: -2px;
      left: 1px;
      font-size: 12px;
      color: #798ea8; }
    .modal-search-check__item--text {
      width: 760px;
      margin: 0 auto;
      border-top: none;
      border-left: none;
      border-right: none;
      border-bottom: 1px solid #798ea8;
      margin: 0 12px; }
  .modal-search-check__pencil {
    padding-left: 30px;
    display: inline-block;
    margin-top: 7px; }
    .modal-search-check__pencil--1 {
      background-image: url("../img/icon/pencil/heart_hover.svg");
      background-size: auto 29px;
      background-position: -5px -5px;
      background-repeat: no-repeat; }
    .modal-search-check__pencil--2 {
      background-image: url("../img/icon/inputIcon.png");
      background-size: auto 20px;
      background-position: 0px 0px;
      background-repeat: no-repeat; }
    .modal-search-check__pencil #numberCount {
      border-top: none;
      border-left: none;
      border-right: none;
      border-bottom: 1px solid #798ea8;
      width: 45px;
      margin: 0 12px; }
    .modal-search-check__pencil #numberCountComment {
      border-top: none;
      border-left: none;
      border-right: none;
      border-bottom: 1px solid #798ea8;
      width: 45px;
      margin: 0 12px; }
  .modal-search-check--flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
  .modal-search-check__text {
    color: #475566;
    font-weight: bold; }
  .modal-search-check__select {
    position: relative; }
    .modal-search-check__select img {
      position: absolute;
      top: 0;
      right: 19px;
      background-image: url("../img/icon/arrowaccordion.png");
      background-repeat: no-repeat;
      background-position: center center; }
.modal-search__footer {
  padding: 20px 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #798ea8; }
  .modal-search__footer--item {
    font-size: 17px; }
  .modal-search__footer--btn {
    width: 115px;
    height: 26px;
    border-width: 1px;
    border-color: #798ea8;
    border-style: solid;
    border-radius: 14px;
    background-color: #798ea8;
    color: #fff;
    transition: all .3s;
    font-size: 16px;
    padding-bottom: 2px; }
  .modal-search__footer--ok {
    font-weight: 600;
    margin-left: 14px; }
    .modal-search__footer--ok:hover {
      background-color: #fff;
      color: #798ea8; }
  .modal-search__footer--reset {
    font-weight: 400;
    background-color: transparent;
    color: #798ea8; }
    .modal-search__footer--reset:hover {
      background-color: #798ea8;
      color: #fff; }
.modal-search__result {
  width: 46px;
  height: 46px;
  line-height: 43px;
  border-radius: 50%;
  display: inline-block;
  border: 1px solid #798ea8;
  text-align: center;
  color: #445469;
  font-size: 16px;
  font-weight: bold;
  margin-left: 14px; }
.modal-search select {
  padding: 10px 30px 10px 10px;
  color: #798ea8;
  font-size: 17px;
  font-weight: 300;
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 1px solid #798ea8;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  margin-right: 15px;
  position: relative;
  background-color: transparent; }

.modal-img__item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0px 7px 28.8px 11.2px rgba(0, 0, 0, 0.35);
  border: 1px solid #898989;
  padding: 4px;
  box-sizing: content-box;
  background-color: #fff; }
.modal-img__close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 999;
  background-image: url("../img/icon/slickSlideClose.png");
  background-size: 12px 12px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  cursor: pointer; }

.modal-img-home__item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0px 7px 28.8px 11.2px rgba(0, 0, 0, 0.35);
  border: 1px solid #898989;
  padding: 4px;
  box-sizing: content-box;
  background-color: #fff; }
.modal-img-home__close {
  position: absolute;
  top: 10px;
  right: 10px;
  z-index: 999;
  background-image: url("../img/icon/slickSlideClose.png");
  background-size: 12px 12px;
  background-position: center center;
  background-repeat: no-repeat;
  background-color: #fff;
  border-radius: 50%;
  width: 20px;
  height: 20px;
  cursor: pointer; }

.modal-rule__item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0px 7px 28.8px 11.2px rgba(0, 0, 0, 0.35);
  box-sizing: content-box;
  background-color: #fff;
  width: 670px; }
.modal-rule__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  background: linear-gradient(to bottom, rgba(121, 142, 168, 0.4) 0%, rgba(121, 142, 168, 0.9) 50%, #798ea8 100%);
  background-size: cover;
  background-position: center top; }
  .modal-rule__head--desc {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .modal-rule__head--desc span {
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #fff;
      border-radius: 50px;
      margin: 0 16px 0 12px;
      width: 33px;
      height: 33px; }
    .modal-rule__head--desc img {
      width: 7px;
      height: auto; }
    .modal-rule__head--desc p {
      font-size: 21px;
      color: #fff;
      font-weight: 400;
      margin-bottom: 4px; }
  .modal-rule__head--icon {
    width: 12px;
    height: 12px;
    background-image: url("../img/icon/modalClose.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
    margin-right: 17px; }
.modal-rule__main {
  background-color: #fff;
  padding: 15px 0; }
  .modal-rule__main--title {
    color: #2288cf;
    font-size: 20px;
    text-transform: uppercase;
    font-family: "a_BighausTitulExtraBolt", sans-serif;
    text-align: center;
    padding: 12px 0 25px; }
    .modal-rule__main--title_2 {
      color: #3ea72d; }
    .modal-rule__main--title_4 {
      color: #d75702; }
  .modal-rule__main--desc {
    padding: 20px 0;
    font-size: 17px;
    font-weight: 400;
    color: #798ea8;
    background-color: #e7ebef; }
  .modal-rule__main--num {
    color: #2288cf;
    margin-right: 5px;
    font-weight: bold; }
    .modal-rule__main--num_2 {
      color: #3ea72d;
      margin-right: 5px;
      font-weight: bold; }
    .modal-rule__main--num_4 {
      color: #d75702;
      margin-right: 5px;
      font-weight: bold; }
  .modal-rule__main--rule {
    margin: 0 auto;
    width: 350px;
    padding-left: 13px;
    display: flex; }
    .modal-rule__main--rule span {
      display: block; }
.modal-rule__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 20px 15px; }
  .modal-rule__footer--more {
    font-size: 16px;
    color: #798ea8;
    font-weight: bold; }
    .modal-rule__footer--more:hover {
      text-decoration: underline;
      color: #475566; }
  .modal-rule__footer--btn {
    width: 113px;
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    background-color: #798ea8;
    border-radius: 30px;
    transition: all .3s;
    cursor: pointer; }
    .modal-rule__footer--btn:hover {
      background-color: #475566; }
.modal-rule_co9 .modal-rule__main--title_2 {
  color: #0079e2; }
.modal-rule_co9 .modal-rule__main--num_2 {
  color: #0079e2; }
.modal-rule_co10 .modal-rule__main--title_2 {
  color: #912424; }
.modal-rule_co10 .modal-rule__main--num_2 {
  color: #912424; }

.modal-lang__item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0px 7px 28.8px 11.2px rgba(0, 0, 0, 0.35);
  box-sizing: content-box;
  background-color: #fff;
  width: 670px; }
.modal-lang__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  background: linear-gradient(to bottom, rgba(121, 142, 168, 0.4) 0%, rgba(121, 142, 168, 0.9) 50%, #798ea8 100%);
  background-size: cover;
  background-position: center top; }
  .modal-lang__head--desc {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .modal-lang__head--desc span {
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #fff;
      border-radius: 50px;
      margin: 0 16px 0 12px;
      width: 33px;
      height: 33px; }
    .modal-lang__head--desc img {
      width: 7px;
      height: auto; }
    .modal-lang__head--desc p {
      font-size: 21px;
      color: #fff;
      font-weight: 400;
      margin-bottom: 4px; }
  .modal-lang__head--icon {
    width: 12px;
    height: 12px;
    background-image: url("../img/icon/modalClose.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
    margin-right: 17px; }
.modal-lang__main {
  background-color: #fff;
  padding: 15px 0; }
  .modal-lang__main--title {
    color: #798ea8;
    font-size: 30px;
    text-align: center;
    padding: 0 0 15px 0; }
  .modal-lang__main--desc {
    padding: 20px 0;
    font-size: 17px;
    font-weight: 400;
    color: #798ea8;
    background-color: #e7ebef; }
  .modal-lang__main--content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 451px;
    flex-wrap: wrap;
    margin: 0 auto; }
.modal-lang__select {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  background-color: #fff;
  color: #475566;
  text-align: center;
  width: 60px;
  height: 60px;
  line-height: 58px;
  border: 1px solid #475566;
  border-radius: 12px;
  margin: 15px; }
  .modal-lang__select--disable {
    color: #e7ebef; }
  .modal-lang__select--enable {
    cursor: pointer;
    transition: all .3s; }
    .modal-lang__select--enable:hover {
      background-color: #798ea8;
      border: 1px solid #798ea8;
      color: #fff; }
  .modal-lang__select--active {
    background-color: #475566;
    border: 1px solid #475566;
    color: #fff; }
    .modal-lang__select--active:hover {
      background-color: #475566;
      border: 1px solid #475566; }
.modal-lang__footer {
  display: flex;
  justify-content: flex-end;
  padding: 0 20px 15px; }
  .modal-lang__footer--btn {
    width: 113px;
    height: 30px;
    line-height: 30px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    background-color: #798ea8;
    border-radius: 30px;
    transition: all .3s;
    cursor: pointer; }
    .modal-lang__footer--btn:hover {
      background-color: #475566; }
.modal-lang_co9 .modal-rule__main--title_2 {
  color: #0079e2; }
.modal-lang_co9 .modal-rule__main--num_2 {
  color: #0079e2; }
.modal-lang_co10 .modal-rule__main--title_2 {
  color: #912424; }
.modal-lang_co10 .modal-rule__main--num_2 {
  color: #912424; }

.modal-onboardingStep1__item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0px 7px 28.8px 11.2px rgba(0, 0, 0, 0.35);
  box-sizing: content-box;
  background-color: #fff;
  width: 1095px; }
.modal-onboardingStep1__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  background: linear-gradient(to bottom, rgba(121, 142, 168, 0.4) 0%, rgba(121, 142, 168, 0.9) 50%, #798ea8 100%);
  background-size: cover;
  background-position: center top; }
  .modal-onboardingStep1__head--desc {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .modal-onboardingStep1__head--desc img {
      width: 36px;
      height: 36px;
      margin: 0 16px 0 12px; }
    .modal-onboardingStep1__head--desc p {
      font-size: 21px;
      color: #fff;
      font-weight: 400;
      margin-bottom: 1px; }
  .modal-onboardingStep1__head--icon {
    width: 12px;
    height: 12px;
    background-image: url("../img/icon/modalClose.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
    margin-right: 17px; }
.modal-onboardingStep1__main {
  background-color: #fff;
  padding-top: 15px; }
  .modal-onboardingStep1__main--title {
    color: #798ea8;
    font-size: 24px;
    padding: 0 0 15px 0;
    max-width: 474px;
    margin: 0 auto; }
    .modal-onboardingStep1__main--title span:first-child {
      display: inline-block;
      font-weight: 600;
      margin-right: 10px;
      width: 90px; }
  .modal-onboardingStep1__main--desc {
    font-size: 17px;
    font-weight: 400;
    color: #798ea8;
    background-color: #e7ebef;
    height: 214px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .modal-onboardingStep1__main--content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 274px;
    flex-wrap: wrap;
    margin: 0 auto; }
.modal-onboardingStep1__select {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  background-color: #fff;
  color: #475566;
  text-align: center;
  width: 60px;
  height: 60px;
  line-height: 58px;
  border: 1px solid #475566;
  border-radius: 12px;
  margin: 15px; }
  .modal-onboardingStep1__select--disable {
    color: #e7ebef; }
  .modal-onboardingStep1__select--enable {
    cursor: pointer;
    transition: all .3s; }
    .modal-onboardingStep1__select--enable:hover {
      background-color: #798ea8;
      border: 1px solid #798ea8;
      color: #fff; }
  .modal-onboardingStep1__select--active {
    background-color: #475566;
    border: 1px solid #475566;
    color: #fff; }
    .modal-onboardingStep1__select--active:hover {
      background-color: #475566;
      border: 1px solid #475566; }
.modal-onboardingStep1__footer {
  display: flex;
  justify-content: flex-end;
  padding: 15px 25px 15px 30px;
  position: relative; }
  .modal-onboardingStep1__footer--btn {
    width: 113px;
    height: 30px;
    display: flex;
    justify-content: center;
    padding: 5px 0;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background-color: #798ea8;
    border-radius: 30px;
    transition: all .3s;
    cursor: pointer;
    margin-left: 30px; }
    .modal-onboardingStep1__footer--btn:hover {
      background-color: #475566; }
  .modal-onboardingStep1__footer--cancel {
    display: flex;
    height: 30px;
    padding: 4px 0;
    width: 97px;
    justify-content: center;
    margin-left: 20px;
    border-radius: 23px;
    border: 1px solid #798ea8;
    background-color: #fff;
    color: #798ea8;
    font-weight: bold;
    transition-duration: .3s;
    cursor: pointer; }
    .modal-onboardingStep1__footer--cancel:hover {
      color: #fff;
      background-color: #798ea8; }
.modal-onboardingStep1__pagination {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  .modal-onboardingStep1__pagination span {
    display: inline-block;
    width: 6px;
    height: 6px;
    border: 1px solid #798ea8;
    margin: 0 5px;
    border-radius: 50%;
    cursor: pointer; }
  .modal-onboardingStep1__pagination .pag-1 {
    background-color: #798ea8; }

.modal-onboardingStep2__item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0px 7px 28.8px 11.2px rgba(0, 0, 0, 0.35);
  box-sizing: content-box;
  background-color: #fff;
  width: 1095px; }
.modal-onboardingStep2__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  background: linear-gradient(to bottom, rgba(121, 142, 168, 0.4) 0%, rgba(121, 142, 168, 0.9) 50%, #798ea8 100%);
  background-size: cover;
  background-position: center top; }
  .modal-onboardingStep2__head--desc {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .modal-onboardingStep2__head--desc img {
      width: 36px;
      height: 36px;
      margin: 0 16px 0 12px; }
    .modal-onboardingStep2__head--desc p {
      font-size: 21px;
      color: #fff;
      font-weight: 400;
      margin-bottom: 1px; }
  .modal-onboardingStep2__head--icon {
    width: 12px;
    height: 12px;
    background-image: url("../img/icon/modalClose.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
    margin-right: 17px; }
.modal-onboardingStep2__main {
  background-color: #fff;
  padding-top: 15px; }
  .modal-onboardingStep2__main--title {
    color: #798ea8;
    font-size: 24px;
    padding: 0 0 15px 0;
    max-width: 474px;
    margin: 0 auto; }
    .modal-onboardingStep2__main--title span:first-child {
      display: inline-block;
      font-weight: 600;
      margin-right: 10px;
      width: 90px; }
  .modal-onboardingStep2__main--desc {
    font-size: 17px;
    font-weight: 400;
    color: #798ea8;
    background-color: #e7ebef;
    height: 214px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .modal-onboardingStep2__main--content {
    display: flex;
    justify-content: space-between;
    width: 774px;
    height: 172px;
    flex-wrap: wrap;
    margin: 0 auto; }
    .modal-onboardingStep2__main--content p {
      font-size: 17px;
      font-weight: bold;
      margin: 5px 0;
      position: relative; }
      .modal-onboardingStep2__main--content p:after {
        content: "";
        display: block;
        position: absolute;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: #798ea8;
        top: 7px;
        left: -19px; }
    .modal-onboardingStep2__main--content span {
      color: #2f77d1; }
.modal-onboardingStep2__select {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  background-color: #fff;
  color: #475566;
  text-align: center;
  width: 60px;
  height: 60px;
  line-height: 58px;
  border: 1px solid #475566;
  border-radius: 12px;
  margin: 15px; }
  .modal-onboardingStep2__select--disable {
    color: #e7ebef; }
  .modal-onboardingStep2__select--enable {
    cursor: pointer;
    transition: all .3s; }
    .modal-onboardingStep2__select--enable:hover {
      background-color: #798ea8;
      border: 1px solid #798ea8;
      color: #fff; }
  .modal-onboardingStep2__select--active {
    background-color: #475566;
    border: 1px solid #475566;
    color: #fff; }
    .modal-onboardingStep2__select--active:hover {
      background-color: #475566;
      border: 1px solid #475566; }
.modal-onboardingStep2__footer {
  display: flex;
  justify-content: space-between;
  padding: 15px 25px 15px 30px;
  position: relative; }
  .modal-onboardingStep2__footer__btn {
    display: flex; }
  .modal-onboardingStep2__footer--btn {
    width: 113px;
    height: 30px;
    display: flex;
    justify-content: center;
    padding: 5px 0;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background-color: #798ea8;
    border-radius: 30px;
    transition: all .3s;
    cursor: pointer;
    margin-left: 30px; }
    .modal-onboardingStep2__footer--btn:hover {
      background-color: #475566; }
  .modal-onboardingStep2__footer--cancel {
    display: flex;
    height: 30px;
    padding: 4px 0;
    width: 97px;
    justify-content: center;
    margin-left: 20px;
    border-radius: 23px;
    border: 1px solid #798ea8;
    background-color: #fff;
    color: #798ea8;
    font-weight: bold;
    transition-duration: .3s;
    cursor: pointer; }
    .modal-onboardingStep2__footer--cancel:hover {
      color: #fff;
      background-color: #798ea8; }
  .modal-onboardingStep2__footer--prew {
    font-weight: bold;
    text-decoration: underline;
    color: #798ea8;
    font-size: 16px;
    cursor: pointer;
    transition: all .3s;
    position: relative;
    top: 5px; }
    .modal-onboardingStep2__footer--prew:hover {
      text-decoration: none; }
.modal-onboardingStep2__pagination {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  .modal-onboardingStep2__pagination span {
    display: inline-block;
    width: 6px;
    height: 6px;
    border: 1px solid #798ea8;
    margin: 0 5px;
    border-radius: 50%;
    cursor: pointer; }
  .modal-onboardingStep2__pagination .pag-2 {
    background-color: #798ea8; }

.modal-onboardingStep3__item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0px 7px 28.8px 11.2px rgba(0, 0, 0, 0.35);
  box-sizing: content-box;
  background-color: #fff;
  width: 1095px; }
.modal-onboardingStep3__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  background: linear-gradient(to bottom, rgba(121, 142, 168, 0.4) 0%, rgba(121, 142, 168, 0.9) 50%, #798ea8 100%);
  background-size: cover;
  background-position: center top; }
  .modal-onboardingStep3__head--desc {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .modal-onboardingStep3__head--desc img {
      width: 36px;
      height: 36px;
      margin: 0 16px 0 12px; }
    .modal-onboardingStep3__head--desc p {
      font-size: 21px;
      color: #fff;
      font-weight: 400;
      margin-bottom: 1px; }
  .modal-onboardingStep3__head--icon {
    width: 12px;
    height: 12px;
    background-image: url("../img/icon/modalClose.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
    margin-right: 17px; }
.modal-onboardingStep3__main {
  background-color: #fff;
  padding-top: 15px; }
  .modal-onboardingStep3__main--title {
    color: #798ea8;
    font-size: 24px;
    padding: 0 0 15px 0;
    max-width: 474px;
    margin: 0 auto; }
    .modal-onboardingStep3__main--title span:first-child {
      display: inline-block;
      font-weight: 600;
      margin-right: 10px;
      width: 90px; }
  .modal-onboardingStep3__main--desc {
    font-size: 17px;
    font-weight: 400;
    color: #798ea8;
    background-color: #e7ebef;
    height: 214px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .modal-onboardingStep3__main--content {
    display: flex;
    justify-content: space-between;
    width: 774px;
    height: 172px;
    flex-wrap: wrap;
    margin: 0 auto; }
    .modal-onboardingStep3__main--content p {
      font-size: 17px;
      font-weight: bold;
      margin: 5px 0;
      position: relative; }
      .modal-onboardingStep3__main--content p:after {
        content: "";
        display: block;
        position: absolute;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: #798ea8;
        top: 7px;
        left: -19px; }
    .modal-onboardingStep3__main--content span {
      color: #2f77d1; }
.modal-onboardingStep3__select {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  background-color: #fff;
  color: #475566;
  text-align: center;
  width: 60px;
  height: 60px;
  line-height: 58px;
  border: 1px solid #475566;
  border-radius: 12px;
  margin: 15px; }
  .modal-onboardingStep3__select--disable {
    color: #e7ebef; }
  .modal-onboardingStep3__select--enable {
    cursor: pointer;
    transition: all .3s; }
    .modal-onboardingStep3__select--enable:hover {
      background-color: #798ea8;
      border: 1px solid #798ea8;
      color: #fff; }
  .modal-onboardingStep3__select--active {
    background-color: #475566;
    border: 1px solid #475566;
    color: #fff; }
    .modal-onboardingStep3__select--active:hover {
      background-color: #475566;
      border: 1px solid #475566; }
.modal-onboardingStep3__footer {
  display: flex;
  justify-content: space-between;
  padding: 15px 25px 15px 30px;
  position: relative; }
  .modal-onboardingStep3__footer__btn {
    display: flex; }
  .modal-onboardingStep3__footer--btn {
    width: 113px;
    height: 30px;
    color: #fff;
    display: flex;
    justify-content: center;
    padding: 5px 0;
    font-size: 16px;
    font-weight: bold;
    background-color: #798ea8;
    border-radius: 30px;
    transition: all .3s;
    cursor: pointer;
    margin-left: 30px; }
    .modal-onboardingStep3__footer--btn:hover {
      background-color: #475566; }
  .modal-onboardingStep3__footer--cancel {
    display: flex;
    height: 30px;
    padding: 4px 0;
    width: 97px;
    justify-content: center;
    margin-left: 20px;
    border-radius: 23px;
    border: 1px solid #798ea8;
    background-color: #fff;
    color: #798ea8;
    font-weight: bold;
    transition-duration: .3s;
    cursor: pointer; }
    .modal-onboardingStep3__footer--cancel:hover {
      color: #fff;
      background-color: #798ea8; }
  .modal-onboardingStep3__footer--prew {
    font-weight: bold;
    text-decoration: underline;
    color: #798ea8;
    font-size: 16px;
    cursor: pointer;
    transition: all .3s;
    position: relative;
    top: 5px; }
    .modal-onboardingStep3__footer--prew:hover {
      text-decoration: none; }
.modal-onboardingStep3__pagination {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  .modal-onboardingStep3__pagination span {
    display: inline-block;
    width: 6px;
    height: 6px;
    border: 1px solid #798ea8;
    margin: 0 5px;
    border-radius: 50%;
    cursor: pointer; }
  .modal-onboardingStep3__pagination .pag-3 {
    background-color: #798ea8; }

.modal-onboardingStep4__item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0px 7px 28.8px 11.2px rgba(0, 0, 0, 0.35);
  box-sizing: content-box;
  background-color: #fff;
  width: 1095px; }
.modal-onboardingStep4__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  background: linear-gradient(to bottom, rgba(121, 142, 168, 0.4) 0%, rgba(121, 142, 168, 0.9) 50%, #798ea8 100%);
  background-size: cover;
  background-position: center top; }
  .modal-onboardingStep4__head--desc {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .modal-onboardingStep4__head--desc img {
      width: 36px;
      height: 36px;
      margin: 0 16px 0 12px; }
    .modal-onboardingStep4__head--desc p {
      font-size: 21px;
      color: #fff;
      font-weight: 400;
      margin-bottom: 1px; }
  .modal-onboardingStep4__head--icon {
    width: 12px;
    height: 12px;
    background-image: url("../img/icon/modalClose.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
    margin-right: 17px; }
.modal-onboardingStep4__main {
  background-color: #fff;
  padding-top: 15px; }
  .modal-onboardingStep4__main--title {
    color: #798ea8;
    font-size: 24px;
    padding: 0 0 15px 0;
    max-width: 474px;
    margin: 0 auto; }
    .modal-onboardingStep4__main--title span:first-child {
      display: inline-block;
      font-weight: 600;
      margin-right: 10px;
      width: 90px; }
  .modal-onboardingStep4__main--desc {
    font-size: 17px;
    font-weight: 400;
    color: #798ea8;
    background-color: #e7ebef;
    height: 214px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .modal-onboardingStep4__main--content {
    width: 774px;
    margin: 0 auto;
    min-height: 172px; }
    .modal-onboardingStep4__main--content p {
      font-size: 17px;
      font-weight: bold;
      margin: 5px 0;
      position: relative; }
      .modal-onboardingStep4__main--content p:after {
        content: "";
        display: block;
        position: absolute;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: #798ea8;
        top: 7px;
        left: -19px; }
    .modal-onboardingStep4__main--content .screenMode {
      color: #475566;
      margin: 5px 0 10px 36px;
      font-weight: bold; }
.modal-onboardingStep4__select {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  background-color: #fff;
  color: #475566;
  text-align: center;
  width: 60px;
  height: 60px;
  line-height: 58px;
  border: 1px solid #475566;
  border-radius: 12px;
  margin: 15px; }
  .modal-onboardingStep4__select--disable {
    color: #e7ebef; }
  .modal-onboardingStep4__select--enable {
    cursor: pointer;
    transition: all .3s; }
    .modal-onboardingStep4__select--enable:hover {
      background-color: #798ea8;
      border: 1px solid #798ea8;
      color: #fff; }
  .modal-onboardingStep4__select--active {
    background-color: #475566;
    border: 1px solid #475566;
    color: #fff; }
    .modal-onboardingStep4__select--active:hover {
      background-color: #475566;
      border: 1px solid #475566; }
.modal-onboardingStep4__footer {
  display: flex;
  justify-content: space-between;
  padding: 15px 25px 15px 30px;
  position: relative; }
  .modal-onboardingStep4__footer__btn {
    display: flex; }
  .modal-onboardingStep4__footer--btn {
    width: 113px;
    height: 30px;
    display: flex;
    justify-content: center;
    padding: 5px 0;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background-color: #798ea8;
    border-radius: 30px;
    transition: all .3s;
    cursor: pointer;
    margin-left: 30px; }
    .modal-onboardingStep4__footer--btn:hover {
      background-color: #475566; }
  .modal-onboardingStep4__footer--cancel {
    display: flex;
    height: 30px;
    padding: 4px 0;
    width: 97px;
    justify-content: center;
    margin-left: 20px;
    border-radius: 23px;
    border: 1px solid #798ea8;
    background-color: #fff;
    color: #798ea8;
    font-weight: bold;
    transition-duration: .3s;
    cursor: pointer; }
    .modal-onboardingStep4__footer--cancel:hover {
      color: #fff;
      background-color: #798ea8; }
  .modal-onboardingStep4__footer--prew {
    font-weight: bold;
    text-decoration: underline;
    color: #798ea8;
    font-size: 16px;
    cursor: pointer;
    transition: all .3s;
    position: relative;
    top: 5px; }
    .modal-onboardingStep4__footer--prew:hover {
      text-decoration: none; }
.modal-onboardingStep4__pagination {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  .modal-onboardingStep4__pagination span {
    display: inline-block;
    width: 6px;
    height: 6px;
    border: 1px solid #798ea8;
    margin: 0 5px;
    border-radius: 50%;
    cursor: pointer; }
  .modal-onboardingStep4__pagination .pag-4 {
    background-color: #798ea8; }

.modal-onboardingStep5__item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0px 7px 28.8px 11.2px rgba(0, 0, 0, 0.35);
  box-sizing: content-box;
  background-color: #fff;
  width: 1095px; }
.modal-onboardingStep5__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  background: linear-gradient(to bottom, rgba(121, 142, 168, 0.4) 0%, rgba(121, 142, 168, 0.9) 50%, #798ea8 100%);
  background-size: cover;
  background-position: center top; }
  .modal-onboardingStep5__head--desc {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .modal-onboardingStep5__head--desc img {
      width: 36px;
      height: 36px;
      margin: 0 16px 0 12px; }
    .modal-onboardingStep5__head--desc p {
      font-size: 21px;
      color: #fff;
      font-weight: 400;
      margin-bottom: 1px; }
  .modal-onboardingStep5__head--icon {
    width: 12px;
    height: 12px;
    background-image: url("../img/icon/modalClose.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
    margin-right: 17px; }
.modal-onboardingStep5__main {
  background-color: #fff;
  padding-top: 15px; }
  .modal-onboardingStep5__main--title {
    color: #798ea8;
    font-size: 24px;
    padding: 0 0 15px 0;
    max-width: 474px;
    margin: 0 auto; }
    .modal-onboardingStep5__main--title span:first-child {
      display: inline-block;
      font-weight: 600;
      margin-right: 10px;
      width: 90px; }
  .modal-onboardingStep5__main--desc {
    font-size: 17px;
    font-weight: 400;
    color: #798ea8;
    background-color: #e7ebef;
    height: 214px;
    display: flex;
    align-items: center;
    justify-content: center; }
  .modal-onboardingStep5__main--content {
    display: flex;
    justify-content: space-between;
    width: 774px;
    min-height: 172px;
    flex-wrap: wrap;
    margin: 0 auto; }
    .modal-onboardingStep5__main--content p {
      font-size: 17px;
      font-weight: bold;
      margin: 5px 0;
      position: relative; }
      .modal-onboardingStep5__main--content p:after {
        content: "";
        display: block;
        position: absolute;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: #798ea8;
        top: 7px;
        left: -19px; }
    .modal-onboardingStep5__main--content span {
      color: #2f77d1;
      margin-left: 36px;
      font-weight: bold; }
      .modal-onboardingStep5__main--content span a {
        color: #2f77d1; }
        .modal-onboardingStep5__main--content span a:hover {
          text-decoration: underline; }
.modal-onboardingStep5__select {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: bold;
  background-color: #fff;
  color: #475566;
  text-align: center;
  width: 60px;
  height: 60px;
  line-height: 58px;
  border: 1px solid #475566;
  border-radius: 12px;
  margin: 15px; }
  .modal-onboardingStep5__select--disable {
    color: #e7ebef; }
  .modal-onboardingStep5__select--enable {
    cursor: pointer;
    transition: all .3s; }
    .modal-onboardingStep5__select--enable:hover {
      background-color: #798ea8;
      border: 1px solid #798ea8;
      color: #fff; }
  .modal-onboardingStep5__select--active {
    background-color: #475566;
    border: 1px solid #475566;
    color: #fff; }
    .modal-onboardingStep5__select--active:hover {
      background-color: #475566;
      border: 1px solid #475566; }
.modal-onboardingStep5__footer {
  display: flex;
  justify-content: space-between;
  padding: 15px 25px 15px 30px;
  position: relative; }
  .modal-onboardingStep5__footer__btn {
    display: flex; }
  .modal-onboardingStep5__footer--btn {
    width: 113px;
    height: 30px;
    display: flex;
    justify-content: center;
    padding: 5px 0;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background-color: #798ea8;
    border-radius: 30px;
    transition: all .3s;
    text-transform: uppercase;
    cursor: pointer;
    margin-left: 30px; }
    .modal-onboardingStep5__footer--btn:hover {
      background-color: #475566; }
  .modal-onboardingStep5__footer--info {
    font-weight: bold;
    text-decoration: underline;
    color: #798ea8;
    font-size: 16px;
    cursor: pointer;
    transition: all .3s;
    position: relative;
    top: 5px; }
    .modal-onboardingStep5__footer--info:hover {
      text-decoration: none; }
  .modal-onboardingStep5__footer--cancel {
    display: flex;
    height: 30px;
    padding: 4px 0;
    width: 97px;
    justify-content: center;
    margin-left: 20px;
    border-radius: 23px;
    border: 1px solid #798ea8;
    background-color: #fff;
    color: #798ea8;
    font-weight: bold;
    transition-duration: .3s;
    cursor: pointer; }
    .modal-onboardingStep5__footer--cancel:hover {
      color: #fff;
      background-color: #798ea8; }
  .modal-onboardingStep5__footer--prew {
    font-weight: bold;
    text-decoration: underline;
    color: #798ea8;
    font-size: 16px;
    cursor: pointer;
    transition: all .3s;
    position: relative;
    top: 5px; }
    .modal-onboardingStep5__footer--prew:hover {
      text-decoration: none; }
.modal-onboardingStep5__pagination {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }
  .modal-onboardingStep5__pagination span {
    display: inline-block;
    width: 6px;
    height: 6px;
    border: 1px solid #798ea8;
    margin: 0 5px;
    border-radius: 50%;
    cursor: pointer; }
  .modal-onboardingStep5__pagination .pag-5 {
    background-color: #798ea8; }

.modal-worning__item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  box-shadow: 0px 7px 28.8px 11.2px rgba(0, 0, 0, 0.35);
  box-sizing: content-box;
  background-color: #fff;
  width: 670px; }
.modal-worning__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  background: linear-gradient(to bottom, rgba(121, 142, 168, 0.4) 0%, rgba(121, 142, 168, 0.9) 50%, #798ea8 100%);
  background-size: cover;
  background-position: center top; }
  .modal-worning__head--desc {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .modal-worning__head--desc span {
      display: flex;
      align-items: center;
      justify-content: center;
      border: 1px solid #fff;
      border-radius: 50px;
      margin: 0 16px 0 12px;
      width: 33px;
      height: 33px; }
    .modal-worning__head--desc img {
      width: auto;
      height: 16px; }
    .modal-worning__head--desc p {
      font-size: 21px;
      color: #fff;
      font-weight: 400;
      margin-bottom: 4px; }
  .modal-worning__head--icon {
    width: 12px;
    height: 12px;
    background-image: url("../img/icon/modalClose.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
    margin-right: 17px; }
.modal-worning__footer {
  display: flex;
  justify-content: flex-end;
  padding: 0 20px 15px; }
  .modal-worning__footer--btn {
    display: block;
    width: 113px;
    height: 30px;
    line-height: 28px;
    text-transform: uppercase;
    color: #fff;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    background-color: #798ea8;
    border-radius: 30px;
    transition: all .3s;
    cursor: pointer;
    margin-left: 12px; }
    .modal-worning__footer--btn:hover {
      background-color: #475566; }
  .modal-worning__footer--btn2 {
    width: 113px;
    height: 30px;
    line-height: 26px;
    color: #798ea8;
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    background-color: #fff;
    border: 1px solid #798ea8;
    border-radius: 25px;
    transition: all .3s;
    cursor: pointer; }
    .modal-worning__footer--btn2:hover {
      background-color: #798ea8;
      color: #fff; }
.modal-worning__main {
  padding: 30px 0;
  font-size: 17px;
  font-weight: 400;
  color: #798ea8;
  background-color: #e7ebef;
  margin: 15px 0; }
  .modal-worning__main--text {
    color: #d50101;
    font-size: 17px;
    margin: 0 auto;
    text-align: center;
    font-weight: bold; }

.modal-autovoice-head {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(to bottom, rgba(121, 142, 168, 0.4) 0%, rgba(121, 142, 168, 0.9) 50%, #798ea8 100%); }
  .modal-autovoice-head__title {
    display: flex;
    align-items: center;
    justify-content: center; }
    .modal-autovoice-head__title--img {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 9px; }
      .modal-autovoice-head__title--img img {
        margin-bottom: 3px;
        margin-right: 0px; }
    .modal-autovoice-head__title p {
      font-size: 21px;
      color: #fff; }
  .modal-autovoice-head__btn {
    cursor: pointer;
    background-image: url("../img/icon/modalClose.png");
    width: 15px;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 19px; }
.modal-autovoice-desc {
  position: relative;
  height: 105px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .modal-autovoice-desc__day {
    width: 85px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    top: 30px;
    left: 40px;
    color: #fff;
    font-size: 25px;
    background-color: #798ea8; }
  .modal-autovoice-desc__text {
    max-width: 658px; }
    .modal-autovoice-desc__text p {
      color: #798ea8;
      padding: 0px 0 3px 16px;
      font-size: 15px;
      font-weight: bold;
      position: relative; }
      .modal-autovoice-desc__text p::after {
        content: "";
        display: block;
        position: absolute;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: #798ea8;
        top: 6px;
        left: 0; }
  .modal-autovoice-desc__sponsor {
    position: absolute;
    display: block;
    right: 20px;
    top: 20px; }
    .modal-autovoice-desc__sponsor--img {
      width: 145px;
      height: auto;
      transition: transform 0.2s linear;
      transform-origin: top right; }
    .modal-autovoice-desc__sponsor--img2 {
      transition: transform 0.2s linear;
      transform-origin: top right; }
    .modal-autovoice-desc__sponsor--img3 {
      transition: transform 0.2s linear;
      transform-origin: top right;
      max-height: 63px;
      margin-top: -16px; }
    .modal-autovoice-desc__sponsor:hover img {
      will-change: transform;
      transform-origin: top right;
      transform: scale(1.2) translateZ(0);
      transition: transform 0.2s linear; }
.modal-autovoice-works {
  flex-wrap: nowrap;
  position: relative; }
  .modal-autovoice-works__example {
    position: absolute;
    top: 12px;
    left: 213px;
    font-size: 17px;
    font-weight: bold;
    color: #798ea8; }
  .modal-autovoice-works__item {
    width: 104px;
    height: 104px;
    border: 1px solid #bdc0c2;
    background-color: #dee4eb;
    background-image: url("../img/icon/pencil_2.png");
    background-size: cover;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin: 0 18px;
    cursor: pointer; }
    .modal-autovoice-works__item img {
      width: 100%; }
.modal-autovoice-btn {
  justify-content: flex-end; }
  .modal-autovoice-btn--repeat {
    box-sizing: border-box;
    margin-left: 10px;
    width: 158px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    border: 1px solid #d43838;
    border-radius: 14px;
    background-color: #d43838;
    color: #fff;
    transition: all .3s;
    cursor: pointer; }
    .modal-autovoice-btn--repeat:hover {
      background-color: #fff;
      color: #d43838; }
  .modal-autovoice-btn--ok {
    cursor: pointer;
    box-sizing: border-box;
    width: 116px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    border: 1px solid #798ea8;
    border-radius: 14px;
    background-color: #fff;
    color: #798ea8;
    margin-left: 10px;
    transition: all .3s; }
    .modal-autovoice-btn--ok:hover {
      background-color: #798ea8;
      border: 1px solid #798ea8;
      color: #fff; }

.modal-date-head {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(to bottom, rgba(121, 142, 168, 0.4) 0%, rgba(121, 142, 168, 0.9) 50%, #798ea8 100%); }
  .modal-date-head__title {
    display: flex;
    align-items: center;
    justify-content: center; }
    .modal-date-head__title--img {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 9px; }
      .modal-date-head__title--img img {
        margin-bottom: 3px;
        margin-right: 0px; }
    .modal-date-head__title p {
      font-size: 21px;
      color: #fff; }
  .modal-date-head__btn {
    cursor: pointer;
    background-image: url("../img/icon/modalClose.png");
    width: 15px;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 19px; }
.modal-date-desc {
  position: relative;
  height: 105px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .modal-date-desc__day {
    width: 85px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    top: 30px;
    left: 40px;
    color: #fff;
    font-size: 25px;
    background-color: #798ea8; }
  .modal-date-desc__text {
    max-width: 658px;
    margin-left: 165px; }
    .modal-date-desc__text p {
      color: #798ea8;
      padding: 0 0 3px 16px;
      font-size: 17px;
      position: relative;
      font-weight: bold; }
      .modal-date-desc__text p::after {
        content: "";
        display: block;
        position: absolute;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: #798ea8;
        top: 50%;
        left: 0;
        transform: translateY(-50%); }
  .modal-date-desc__sponsor {
    position: absolute;
    display: block;
    right: 20px;
    top: 20px; }
    .modal-date-desc__sponsor--img {
      width: 145px;
      height: auto;
      transition: transform 0.2s linear;
      transform-origin: top right; }
    .modal-date-desc__sponsor--img2 {
      transition: transform 0.2s linear;
      transform-origin: top right; }
    .modal-date-desc__sponsor--img3 {
      transition: transform 0.2s linear;
      transform-origin: top right;
      max-height: 63px;
      margin-top: -16px; }
.modal-date-works {
  flex-wrap: nowrap;
  position: relative; }
  .modal-date-works__example {
    position: absolute;
    top: 12px;
    left: 213px;
    font-size: 17px;
    font-weight: bold;
    color: #798ea8; }
  .modal-date-works__item {
    width: 104px;
    height: 104px;
    border: 1px solid #bdc0c2;
    background-color: #dee4eb;
    background-image: url("../img/icon/pencil_2.png");
    background-size: cover;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin: 0 18px;
    cursor: pointer; }
    .modal-date-works__item img {
      width: 100%; }
.modal-date-btn {
  justify-content: flex-end; }
  .modal-date-btn--reset {
    box-sizing: border-box;
    width: 109px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    border: 1px solid #798ea8;
    border-radius: 14px;
    background-color: #fff;
    color: #798ea8;
    transition: all .3s;
    cursor: pointer; }
    .modal-date-btn--reset:hover {
      background-color: #798ea8;
      border: 1px solid #798ea8;
      color: #fff; }
  .modal-date-btn--repeat {
    box-sizing: border-box;
    margin-left: 10px;
    width: 265px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    border: 1px solid #798ea8;
    border-radius: 14px;
    background-color: #798ea8;
    color: #fff;
    transition: all .3s;
    cursor: pointer; }
    .modal-date-btn--repeat:hover {
      background-color: #fff;
      border: 1px solid #798ea8;
      color: #798ea8; }
    .modal-date-btn--repeat_co4 {
      box-sizing: border-box;
      margin-left: 10px;
      width: 265px;
      height: 26px;
      line-height: 24px;
      text-align: center;
      border: 1px solid #798ea8;
      border-radius: 14px;
      background-color: #798ea8;
      color: #fff;
      transition: all .3s;
      cursor: pointer; }
      .modal-date-btn--repeat_co4:hover {
        background-color: #fff;
        border: 1px solid #798ea8;
        color: #798ea8; }
  .modal-date-btn--stop {
    box-sizing: border-box;
    margin-left: 10px;
    width: 265px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    border: 1px solid #798ea8;
    border-radius: 14px;
    background-color: #798ea8;
    color: #fff;
    transition: all .3s;
    cursor: pointer; }
    .modal-date-btn--stop:hover {
      background-color: #fff;
      border: 1px solid #798ea8;
      color: #798ea8; }
  .modal-date-btn--co3 {
    box-sizing: border-box;
    margin-left: 10px;
    width: 265px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    border: 1px solid #798ea8;
    border-radius: 14px;
    background-color: #798ea8;
    color: #fff;
    transition: all .3s;
    cursor: pointer; }
    .modal-date-btn--co3:hover {
      background-color: #fff;
      border: 1px solid #798ea8;
      color: #798ea8; }
  .modal-date-btn--ok {
    cursor: pointer;
    box-sizing: border-box;
    width: 116px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    border: 1px solid #798ea8;
    border-radius: 14px;
    background-color: #fff;
    color: #798ea8;
    margin-left: 10px;
    transition: all .3s; }
    .modal-date-btn--ok:hover {
      background-color: #798ea8;
      border: 1px solid #798ea8;
      color: #fff; }
  .modal-date-btn--ok_1 {
    cursor: pointer;
    box-sizing: border-box;
    width: 109px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    border: 1px solid #798ea8;
    border-radius: 14px;
    background-color: #fff;
    color: #798ea8;
    margin-left: 10px;
    transition: all .3s; }
    .modal-date-btn--ok_1:hover {
      background-color: #798ea8;
      border: 1px solid #798ea8;
      color: #fff; }
  .modal-date-btn--remove {
    cursor: pointer;
    display: none;
    box-sizing: border-box;
    padding: 0 20px;
    height: 28px;
    line-height: 24px;
    border: 1px solid #798ea8;
    border-radius: 14px;
    background-color: #798ea8;
    color: #fff;
    transition: all .3s;
    margin-left: 10px; }
    .modal-date-btn--remove:hover {
      border: 1px solid #798ea8;
      background-color: #fff;
      color: #798ea8; }

.modal-choice-head {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(to bottom, rgba(121, 142, 168, 0.4) 0%, rgba(121, 142, 168, 0.9) 50%, #798ea8 100%); }
  .modal-choice-head__title {
    display: flex;
    align-items: center;
    justify-content: center; }
    .modal-choice-head__title--img {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 9px; }
      .modal-choice-head__title--img img {
        margin-bottom: 3px;
        margin-right: 0px; }
    .modal-choice-head__title p {
      font-size: 21px;
      color: #fff; }
  .modal-choice-head__btn {
    cursor: pointer;
    background-image: url("../img/icon/modalClose.png");
    width: 15px;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 19px; }
.modal-choice__title {
  background-color: #fff; }
.modal-choice-works {
  background-color: #e7ebef;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  position: relative;
  padding: 25px 0; }
  .modal-choice-works__box {
    padding: 20px; }
  .modal-choice-works__item {
    padding: 6px 0;
    color: #0069ea;
    font-weight: bold;
    cursor: pointer;
    transition: all .3s; }
    .modal-choice-works__item:hover .modal-choice-works__item--text {
      text-decoration: underline; }
    .modal-choice-works__item:hover .modal-choice-works__item--count {
      text-decoration: underline; }
.modal-choice-btn {
  justify-content: flex-end; }
  .modal-choice-btn--cancel {
    cursor: pointer;
    box-sizing: border-box;
    width: 116px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    border: 1px solid #798ea8;
    border-radius: 14px;
    background-color: #fff;
    color: #798ea8;
    margin-left: 10px;
    transition: all .3s; }
    .modal-choice-btn--cancel:hover {
      background-color: #798ea8;
      border: 1px solid #798ea8;
      color: #fff; }

.modal-thanks-head {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(to bottom, rgba(121, 142, 168, 0.4) 0%, rgba(121, 142, 168, 0.9) 50%, #798ea8 100%); }
  .modal-thanks-head__title {
    display: flex;
    align-items: center;
    justify-content: center; }
    .modal-thanks-head__title--img {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 9px; }
      .modal-thanks-head__title--img img {
        margin-bottom: 3px;
        margin-right: 0px; }
    .modal-thanks-head__title p {
      font-size: 21px;
      color: #fff; }
  .modal-thanks-head__btn {
    cursor: pointer;
    background-image: url("../img/icon/modalClose.png");
    width: 15px;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 19px; }
.modal-thanks-btn {
  justify-content: space-between; }
  .modal-thanks-btn--ok {
    cursor: pointer;
    box-sizing: border-box;
    text-transform: uppercase;
    width: 116px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    border: 1px solid #798ea8;
    border-radius: 14px;
    background-color: #798ea8;
    color: #fff;
    margin-left: 10px;
    transition: all .3s; }
    .modal-thanks-btn--ok:hover {
      background-color: #fff;
      border: 1px solid #798ea8;
      color: #798ea8; }
  .modal-thanks-btn--statistic {
    color: #798ea8;
    font-size: 17px;
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer; }
  .modal-thanks-btn--comp {
    display: inline-block;
    width: 150px;
    height: 26px;
    line-height: 24px;
    border-radius: 14px;
    background-color: #fff;
    border: 1px solid #798ea8;
    color: #798ea8;
    transition: all .3s;
    text-align: center;
    cursor: pointer; }
    .modal-thanks-btn--comp:hover {
      background-color: #798ea8;
      color: #fff; }
  .modal-thanks-btn--voice {
    display: inline-block;
    width: 250px;
    height: 26px;
    line-height: 24px;
    border-radius: 14px;
    background-color: #798ea8;
    border: 1px solid #798ea8;
    color: #fff;
    transition: all .3s;
    text-align: center;
    margin-left: 15px;
    cursor: pointer; }
    .modal-thanks-btn--voice:hover {
      background-color: #fff;
      color: #798ea8; }

.modal-advanced-head {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(to bottom, rgba(121, 142, 168, 0.4) 0%, rgba(121, 142, 168, 0.9) 50%, #798ea8 100%); }
  .modal-advanced-head__title {
    display: flex;
    align-items: center;
    justify-content: center; }
    .modal-advanced-head__title--img {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 9px; }
      .modal-advanced-head__title--img img {
        margin-bottom: 3px;
        margin-right: 0px; }
    .modal-advanced-head__title p {
      font-size: 21px;
      color: #fff; }
  .modal-advanced-head__btn {
    cursor: pointer;
    background-image: url("../img/icon/modalClose.png");
    width: 15px;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 19px; }
.modal-advanced__content {
  height: 105px;
  padding: 35px 0;
  position: relative; }
  .modal-advanced__content--btn {
    color: #798ea8;
    font-size: 16px;
    font-family: "ChampagneLimousines", sans-serif;
    font-weight: bold;
    cursor: pointer;
    min-width: 277px;
    width: fit-content;
    height: 33px;
    line-height: 31px;
    border-radius: 17px;
    background-color: #e7ebef;
    text-align: center;
    margin: 0 12px; }
  .modal-advanced__content > div {
    max-width: 350px; }
.modal-advanced-btn {
  justify-content: flex-end; }
  .modal-advanced-btn--voice {
    display: inline-block;
    width: 250px;
    height: 26px;
    line-height: 24px;
    border-radius: 14px;
    background-color: #798ea8;
    border: 1px solid #798ea8;
    color: #fff;
    transition: all .3s;
    text-align: center;
    margin-left: 15px;
    cursor: pointer; }
    .modal-advanced-btn--voice:hover {
      background-color: #fff;
      color: #798ea8; }
  .modal-advanced-btn--cancel {
    display: inline-block;
    width: 115px;
    height: 26px;
    line-height: 24px;
    border-radius: 14px;
    background-color: #fff;
    border: 1px solid #798ea8;
    color: #798ea8;
    transition: all .3s;
    text-align: center;
    cursor: pointer; }
    .modal-advanced-btn--cancel:hover {
      background-color: #798ea8;
      color: #fff; }
.modal-advanced__calendar {
  background-color: #e7ebef;
  padding: 40px 0 60px;
  height: 185px; }
  .modal-advanced__calendar .sircleQuestion-box {
    width: 748px;
    margin: 0 auto 15px;
    font-size: 16px;
    font-weight: bold;
    font-family: "ChampagneLimousines", sans-serif;
    color: #798ea8; }
  .modal-advanced__calendar .history-date__day--green {
    background-color: #9ce8a6; }
    .modal-advanced__calendar .history-date__day--green .history-date__day--text {
      color: #454e58; }
  .modal-advanced__calendar .history-date__day--red {
    background-color: #ffaaaa; }
    .modal-advanced__calendar .history-date__day--red .history-date__day--text {
      color: #454e58; }
  .modal-advanced__calendar .history-date__day--active, .modal-advanced__calendar .history-date__day--grey {
    background-color: #c0cad5; }

.modal-future-head {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(to bottom, rgba(121, 142, 168, 0.4) 0%, rgba(121, 142, 168, 0.9) 50%, #798ea8 100%); }
  .modal-future-head__title {
    display: flex;
    align-items: center;
    justify-content: center; }
    .modal-future-head__title--img {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 9px; }
      .modal-future-head__title--img img {
        margin-bottom: 3px;
        margin-right: 0px; }
    .modal-future-head__title p {
      font-size: 21px;
      color: #fff; }
  .modal-future-head__btn {
    cursor: pointer;
    background-image: url("../img/icon/modalClose.png");
    width: 15px;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 19px; }
.modal-future--title {
  background-color: transparent; }
.modal-future__content {
  background-color: #e7ebef;
  height: fit-content;
  padding: 60px 0; }
  .modal-future__content p {
    font-weight: bold; }
.modal-future-btn {
  justify-content: flex-end; }
  .modal-future-btn--ok {
    cursor: pointer;
    box-sizing: border-box;
    text-transform: uppercase;
    width: 116px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    border: 1px solid #798ea8;
    border-radius: 14px;
    background-color: #798ea8;
    color: #fff;
    margin-left: 10px;
    transition: all .3s; }
    .modal-future-btn--ok:hover {
      background-color: #fff;
      border: 1px solid #798ea8;
      color: #798ea8; }

.modal-ready-head {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(to bottom, rgba(121, 142, 168, 0.4) 0%, rgba(121, 142, 168, 0.9) 50%, #798ea8 100%); }
  .modal-ready-head__title {
    display: flex;
    align-items: center;
    justify-content: center; }
    .modal-ready-head__title--img {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 9px; }
      .modal-ready-head__title--img img {
        margin-bottom: 3px;
        margin-right: 0px; }
    .modal-ready-head__title p {
      font-size: 21px;
      color: #fff; }
  .modal-ready-head__btn {
    cursor: pointer;
    background-image: url("../img/icon/modalClose.png");
    width: 15px;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 19px; }
.modal-ready-btn {
  justify-content: space-between; }
  .modal-ready-btn--ok {
    cursor: pointer;
    box-sizing: border-box;
    text-transform: uppercase;
    width: 116px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    border: 1px solid #798ea8;
    border-radius: 14px;
    background-color: #798ea8;
    color: #fff;
    margin-left: 10px;
    transition: all .3s; }
    .modal-ready-btn--ok:hover {
      background-color: #fff;
      border: 1px solid #798ea8;
      color: #798ea8; }
  .modal-ready-btn--index {
    display: block;
    color: #798ea8;
    font-size: 17px;
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s; }
    .modal-ready-btn--index:hover {
      text-decoration: none; }
.modal-ready__item {
  background-color: #e7ebef;
  padding: 20px;
  text-align: center;
  font-size: 30px;
  color: #798ea8; }

.modal-submission__box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 668px;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0px 7px 28.8px 11.2px rgba(0, 0, 0, 0.35); }
.modal-submission-head {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(to bottom, rgba(121, 142, 168, 0.4) 0%, rgba(121, 142, 168, 0.9) 50%, #798ea8 100%); }
  .modal-submission-head__title {
    display: flex;
    align-items: center;
    justify-content: center; }
    .modal-submission-head__title--img {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 9px; }
      .modal-submission-head__title--img img {
        margin-bottom: 3px;
        margin-right: 0px; }
    .modal-submission-head__title p {
      font-size: 21px;
      color: #fff; }
  .modal-submission-head__btn {
    cursor: pointer;
    background-image: url("../img/icon/modalClose.png");
    width: 15px;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 19px; }
.modal-submission__content {
  padding: 30px 0;
  font-size: 17px;
  font-weight: 400;
  background-color: #e7ebef;
  margin-top: 40px; }
  .modal-submission__content--desc {
    display: flex;
    align-items: center;
    justify-content: center; }
.modal-submission__footer {
  justify-content: flex-end;
  padding: 15px 20px; }
  .modal-submission__footer--btn {
    cursor: pointer;
    box-sizing: border-box;
    width: 109px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    border: 1px solid #798ea8;
    border-radius: 14px;
    background-color: #fff;
    color: #798ea8;
    margin-left: 10px;
    transition: all .3s; }
    .modal-submission__footer--btn:hover {
      background-color: #798ea8;
      border: 1px solid #798ea8;
      color: #fff; }

.modal-thanksCsg-head {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(to bottom, rgba(121, 142, 168, 0.4) 0%, rgba(121, 142, 168, 0.9) 50%, #798ea8 100%); }
  .modal-thanksCsg-head__title {
    display: flex;
    align-items: center;
    justify-content: center; }
    .modal-thanksCsg-head__title--img {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 9px; }
      .modal-thanksCsg-head__title--img img {
        margin-bottom: 3px;
        margin-right: 0px; }
    .modal-thanksCsg-head__title p {
      font-size: 21px;
      color: #fff; }
  .modal-thanksCsg-head__btn {
    cursor: pointer;
    background-image: url("../img/icon/modalClose.png");
    width: 15px;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 19px; }
.modal-thanksCsg-btn {
  justify-content: space-between; }
  .modal-thanksCsg-btn--ok {
    cursor: pointer;
    box-sizing: border-box;
    text-transform: uppercase;
    width: 116px;
    height: 28px;
    line-height: 24px;
    text-align: center;
    border: 1px solid #798ea8;
    border-radius: 14px;
    background-color: #798ea8;
    color: #fff;
    margin-left: 10px;
    transition: all .3s; }
    .modal-thanksCsg-btn--ok:hover {
      background-color: #fff;
      border: 1px solid #798ea8;
      color: #798ea8; }
  .modal-thanksCsg-btn--statistic {
    color: #798ea8;
    font-size: 17px;
    text-decoration: underline;
    font-weight: bold;
    cursor: pointer; }
  .modal-thanksCsg-btn--comp {
    display: inline-block;
    width: 150px;
    height: 26px;
    line-height: 24px;
    border-radius: 14px;
    background-color: #fff;
    border: 1px solid #798ea8;
    color: #798ea8;
    transition: all .3s;
    text-align: center;
    cursor: pointer; }
    .modal-thanksCsg-btn--comp:hover {
      background-color: #798ea8;
      color: #fff; }
  .modal-thanksCsg-btn--voice {
    display: inline-block;
    width: 250px;
    height: 26px;
    line-height: 24px;
    border-radius: 14px;
    background-color: #798ea8;
    border: 1px solid #798ea8;
    color: #fff;
    transition: all .3s;
    text-align: center;
    margin-left: 15px;
    cursor: pointer; }
    .modal-thanksCsg-btn--voice:hover {
      background-color: #fff;
      color: #798ea8; }

.modal-danger__box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 668px;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0px 7px 28.8px 11.2px rgba(0, 0, 0, 0.35); }
.modal-danger-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  background: linear-gradient(to bottom, rgba(121, 142, 168, 0.4) 0%, rgba(121, 142, 168, 0.9) 50%, #798ea8 100%);
  background-size: cover;
  background-position: center top; }
  .modal-danger-head__title {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 20px;
    justify-content: space-between; }
    .modal-danger-head__title--img {
      width: 36px;
      height: 36px;
      margin: 0 16px 0 12px;
      border: 1px solid #fff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      background: none; }
      .modal-danger-head__title--img img {
        height: auto; }
  .modal-danger-head__btn {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 999;
    background-image: url("../img/icon/modalClose.png");
    background-size: 12px 12px;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-top: 4px; }
.modal-danger__content--title {
  font-size: 17px;
  text-align: center;
  font-weight: bold;
  color: #798ea8;
  padding: 36px 0 57px; }
.modal-danger-btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 30px 15px; }
  .modal-danger-btn--ok {
    cursor: pointer;
    box-sizing: border-box;
    text-transform: uppercase;
    width: 116px;
    height: 28px;
    line-height: 24px;
    text-align: center;
    border: 1px solid #798ea8;
    border-radius: 14px;
    background-color: #798ea8;
    color: #fff;
    margin-left: 10px;
    transition: all .3s; }
    .modal-danger-btn--ok:hover {
      background-color: #fff;
      border: 1px solid #798ea8;
      color: #798ea8; }

.modal-blackList__box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 668px;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0px 7px 28.8px 11.2px rgba(0, 0, 0, 0.35); }
.modal-blackList-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  background: linear-gradient(to bottom, rgba(121, 142, 168, 0.4) 0%, rgba(121, 142, 168, 0.9) 50%, #798ea8 100%);
  background-size: cover;
  background-position: center top; }
  .modal-blackList-head__title {
    display: flex;
    align-items: center;
    color: #fff;
    font-size: 20px;
    justify-content: space-between; }
    .modal-blackList-head__title--img {
      width: 36px;
      height: 36px;
      margin: 0 16px 0 12px;
      border: 1px solid #fff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      background: none; }
      .modal-blackList-head__title--img img {
        height: auto; }
  .modal-blackList-head__btn {
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 999;
    background-image: url("../img/icon/modalClose.png");
    background-size: 12px 12px;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    cursor: pointer;
    margin-top: 4px; }
.modal-blackList__content-head {
  height: 63px;
  line-height: 57px;
  background-color: #fff;
  color: #798ea8;
  font-size: 30px;
  font-weight: 300;
  text-align: center; }
.modal-blackList__content-text {
  background-color: #e7ebef;
  height: 113px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #798ea8;
  font-size: 17px;
  font-weight: bold; }
  .modal-blackList__content-text ul {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 15px 0; }
    .modal-blackList__content-text ul li {
      list-style: disc; }
.modal-blackList-btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 10px;
  height: 64px; }
  .modal-blackList-btn--ok {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-sizing: border-box;
    text-transform: uppercase;
    width: 116px;
    height: 28px;
    line-height: 24px;
    border: 1px solid #798ea8;
    border-radius: 14px;
    background-color: #798ea8;
    color: #fff;
    margin-left: 10px;
    transition: all .3s; }
    .modal-blackList-btn--ok:hover {
      background-color: #fff;
      border: 1px solid #798ea8;
      color: #798ea8; }

.modal-userStatistic__hover-lopes:hover {
  background: url(../img/geniarium/avatar/a1/avatar_h.png) center/cover !important; }
.modal-userStatistic__hover-greta:hover {
  background: url(../img/geniarium/avatar/a5/avatar_h.png) center/cover !important; }
.modal-userStatistic__hover-oksana:hover {
  background: url(../img/geniarium/avatar/a3/avatar_h.png) center/cover !important; }
.modal-userStatistic__hover-santa:hover {
  background: url(../img/geniarium/avatar/a2/avatar_h.png) center/cover !important; }
.modal-userStatistic__hover-gul:hover {
  background: url(../img/geniarium/avatar/a10/avatar_h.png) center/cover !important; }
.modal-userStatistic__hover-abi:hover {
  background: url(../img/geniarium/avatar/a4/avatar_h.png) center/cover !important; }
.modal-userStatistic__hover-kir:hover {
  background: url(../img/geniarium/avatar/a6/avatar_h.png) center/cover !important; }
.modal-userStatistic__hover-nas:hover {
  background: url(../img/geniarium/avatar/a7/avatar_h.png) center/cover !important; }
.modal-userStatistic__hover-two:hover {
  background: url(../img/geniarium/avatar/a8/avatar_h.png) center/cover !important; }
.modal-userStatistic__hover-mim:hover {
  background: url(../img/geniarium/avatar/a9/avatar_h.png) center/cover !important; }
.modal-userStatistic__item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 80vw;
  height: 90vh;
  background-color: #fff;
  box-shadow: 0px 7px 28.8px 11.2px rgba(0, 0, 0, 0.35); }
.modal-userStatistic__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  background: linear-gradient(to bottom, rgba(121, 142, 168, 0.4) 0%, rgba(121, 142, 168, 0.9) 50%, #798ea8 100%);
  background-size: cover;
  background-position: center top; }
  .modal-userStatistic__head--icon {
    width: 12px;
    height: 12px;
    background-image: url("../img/icon/modalClose.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
    margin-right: 17px; }
.modal-userStatistic__head--desc {
  display: flex;
  align-items: center;
  justify-content: flex-start; }
  .modal-userStatistic__head--desc img {
    width: 36px;
    height: 36px;
    margin: 0 16px 0 12px; }
  .modal-userStatistic__head--desc p {
    font-size: 21px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 4px; }
.modal-userStatistic__content {
  max-height: 81%;
  overflow-y: auto; }
  .modal-userStatistic__content-head {
    height: 300px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0 8%; }
    .modal-userStatistic__content-head--profile {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 200px; }
      .modal-userStatistic__content-head--profile_buttons {
        position: relative;
        display: flex; }
        .modal-userStatistic__content-head--profile_buttons-follow {
          width: 95px;
          font-size: 16px;
          color: #fff;
          background-color: #798ea8;
          display: flex;
          align-items: center;
          justify-content: center;
          height: 31px;
          transition-duration: .3s;
          border-radius: 23px;
          margin-left: 24px; }
          .modal-userStatistic__content-head--profile_buttons-follow:hover {
            background-color: #475566;
            border: none !important; }
        .modal-userStatistic__content-head--profile_buttons-following {
          width: 95px;
          font-size: 16px;
          color: #fff;
          background-color: #DA6E70;
          display: flex;
          align-items: center;
          justify-content: center;
          height: 31px;
          transition-duration: .3s;
          border-radius: 23px;
          margin-left: 24px; }
          .modal-userStatistic__content-head--profile_buttons-following:hover {
            background-color: #FF0005; }
        .modal-userStatistic__content-head--profile_buttons-hide {
          font-size: 16px;
          color: #798ea8;
          border: 1px solid #798ea8;
          display: flex;
          align-items: center;
          height: 31px;
          transition-duration: .3s;
          border-radius: 23px;
          padding-left: 20px;
          padding-right: 20px;
          margin-left: 24px; }
          .modal-userStatistic__content-head--profile_buttons-hide:hover {
            background-color: #798ea8;
            color: #fff; }
          .modal-userStatistic__content-head--profile_buttons-hide:hover + .modal-userStatistic__content-head--profile_buttons-tooltip {
            visibility: visible; }
        .modal-userStatistic__content-head--profile_buttons-tooltip {
          visibility: hidden;
          position: absolute;
          background-color: #fff;
          border: 1px solid #798ea8;
          z-index: 99999999999;
          font-size: 14px;
          font-weight: bold;
          color: #798ea8;
          text-align: left;
          padding: 6px 10px;
          transition: opacity 0.5s;
          box-shadow: 0px 5px 6.51px 0.49px rgba(0, 0, 0, 0.22);
          width: 250px;
          height: auto;
          top: 35px;
          left: 80px; }
      .modal-userStatistic__content-head--profile_user {
        display: flex;
        align-items: center; }
        .modal-userStatistic__content-head--profile_user-img {
          margin-right: 34px;
          width: 137px;
          height: 137px;
          border-radius: 50%;
          transition: all 0.3s;
          background: url(../img/geniarium/avatar/svg/a1/avatar_d.svg) center/cover; }
        .modal-userStatistic__content-head--profile_user-text {
          height: 137px;
          display: flex;
          flex-direction: column;
          justify-content: space-between; }
          .modal-userStatistic__content-head--profile_user-text-top h3 {
            margin-bottom: 14px;
            font-weight: bold;
            font-size: 24px;
            cursor: pointer; }
          .modal-userStatistic__content-head--profile_user-text-top div {
            display: flex; }
          .modal-userStatistic__content-head--profile_user-text-top--facebook {
            width: 18px;
            height: 18px;
            margin-right: 15px;
            transition: all 0.3s;
            background: url("../img/icon/Socials/Facebook_default.svg") center/cover; }
            .modal-userStatistic__content-head--profile_user-text-top--facebook:hover {
              background: url("../img/icon/Socials/Facrbook_hover.svg") center/cover; }
          .modal-userStatistic__content-head--profile_user-text-top--insta {
            width: 18px;
            height: 18px;
            transition: all 0.3s;
            margin-right: 15px;
            background: url("../img/icon/Socials/Instagram_default.svg") center/cover; }
            .modal-userStatistic__content-head--profile_user-text-top--insta:hover {
              background: url("../img/icon/Socials/Instagram_hover.svg") center/cover; }
          .modal-userStatistic__content-head--profile_user-text-top--pinter {
            width: 18px;
            height: 18px;
            transition: all 0.3s;
            margin-right: 15px;
            background: url("../img/icon/Socials/Pinterest_default.svg") center/cover; }
            .modal-userStatistic__content-head--profile_user-text-top--pinter:hover {
              background: url("../img/icon/Socials/Pinterest_hover.svg") center/cover; }
          .modal-userStatistic__content-head--profile_user-text-top--twitt {
            width: 18px;
            height: 18px;
            transition: all 0.3s;
            background: url("../img/icon/Socials/Twitter_default.svg") center/cover; }
            .modal-userStatistic__content-head--profile_user-text-top--twitt:hover {
              background: url("../img/icon/Socials/Twitter_hover.svg") center/cover; }
          .modal-userStatistic__content-head--profile_user-text-bottom h3 {
            font-size: 17px;
            width: 18px;
            margin-right: 6px; }
          .modal-userStatistic__content-head--profile_user-text-bottom p {
            font-size: 17px;
            color: #7090ab;
            font-weight: bold; }
          .modal-userStatistic__content-head--profile_user-text-bottom li {
            display: flex; }
    .modal-userStatistic__content-head--works {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 200px; }
      .modal-userStatistic__content-head--works-text {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        align-items: center; }
        .modal-userStatistic__content-head--works-text div {
          display: flex; }
          .modal-userStatistic__content-head--works-text div svg {
            margin-left: 7px; }
        .modal-userStatistic__content-head--works-text p {
          color: #798ea8;
          font-size: 16px;
          font-weight: bold; }
      .modal-userStatistic__content-head--works-example {
        display: flex;
        justify-content: space-between; }
        .modal-userStatistic__content-head--works-example__content {
          width: 119px; }
          .modal-userStatistic__content-head--works-example__content-img {
            width: 119px;
            height: 119px; }
          .modal-userStatistic__content-head--works-example__content-img2 {
            width: 119px;
            height: 119px;
            background: url("../img/co/co_4/3.png") center/cover; }
          .modal-userStatistic__content-head--works-example__content-img3 {
            width: 119px;
            height: 119px;
            background: url("../img/co/co_3/15.png") center/cover; }
          .modal-userStatistic__content-head--works-example__content-text {
            display: flex;
            justify-content: space-around; }
            .modal-userStatistic__content-head--works-example__content-text div {
              margin-top: 4px;
              height: 19px;
              text-align: center;
              align-items: center;
              display: flex;
              justify-content: space-between;
              color: #798ea8;
              font-size: 15px; }
              .modal-userStatistic__content-head--works-example__content-text div p {
                margin-left: 7px; }
  .modal-userStatistic__content-main-string {
    height: 54px;
    padding-left: 16%;
    display: flex;
    align-items: center; }
    .modal-userStatistic__content-main-string_left {
      width: 60%; }
    .modal-userStatistic__content-main-string p {
      color: #798ea8;
      font-size: 16px;
      font-weight: bold; }
  .modal-userStatistic__content-main-gray {
    background-color: #e7ebef; }
  .modal-userStatistic__content-main-white {
    background-color: #fff; }
.modal-userStatistic__btn {
  height: 13%;
  padding-right: 39px;
  display: flex;
  align-items: center;
  justify-content: flex-end; }
  .modal-userStatistic__btn button {
    display: flex;
    align-items: center;
    height: 30px;
    width: 112px;
    padding: 6px 18px;
    margin-left: 30px;
    border-radius: 23px;
    border: 1px solid #798ea8;
    background-color: #798ea8;
    color: #fff;
    font-weight: bold;
    transition-duration: .3s; }
    .modal-userStatistic__btn button:active {
      border: 1px solid #798ea8;
      outline: none; }
    .modal-userStatistic__btn button:hover {
      border: 1px solid #798ea8;
      color: #798ea8;
      background-color: #fff; }
  .modal-userStatistic__btn--ok {
    width: 109px;
    height: 26px;
    line-height: 22px;
    text-transform: uppercase;
    border-width: 1px;
    border-color: #798ea8;
    border-style: solid;
    border-radius: 14px;
    background-color: #798ea8;
    color: #fff;
    transition: all .3s;
    font-size: 16px;
    font-weight: 600;
    padding: 0px 44px !important; }
    .modal-userStatistic__btn--ok:hover {
      background-color: #fff;
      color: #798ea8; }

.modal-blockVoice__box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 668px;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0px 7px 28.8px 11.2px rgba(0, 0, 0, 0.35); }
.modal-blockVoice-head {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(to bottom, rgba(121, 142, 168, 0.4) 0%, rgba(121, 142, 168, 0.9) 50%, #798ea8 100%); }
  .modal-blockVoice-head__title {
    display: flex;
    align-items: center;
    justify-content: center; }
    .modal-blockVoice-head__title--img {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 9px; }
      .modal-blockVoice-head__title--img img {
        margin-bottom: 3px;
        margin-right: 0px; }
    .modal-blockVoice-head__title p {
      font-size: 21px;
      color: #fff; }
  .modal-blockVoice-head__btn {
    cursor: pointer;
    background-image: url("../img/icon/modalClose.png");
    width: 15px;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 19px; }
.modal-blockVoice__content {
  padding: 30px 105px;
  font-size: 17px;
  font-weight: 400;
  color: #798ea8;
  background-color: #e7ebef;
  margin: 35px 0 15px; }
  .modal-blockVoice__content--desc {
    color: #d50101;
    font-size: 17px;
    margin: 0 auto;
    text-align: center;
    font-weight: bold; }
.modal-blockVoice-btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 30px 15px; }
  .modal-blockVoice-btn--ok {
    cursor: pointer;
    box-sizing: border-box;
    text-transform: uppercase;
    width: 116px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    border: 1px solid #798ea8;
    border-radius: 14px;
    background-color: #798ea8;
    color: #fff;
    margin-left: 10px;
    transition: all .3s; }
    .modal-blockVoice-btn--ok:hover {
      background-color: #fff;
      border: 1px solid #798ea8;
      color: #798ea8; }

.modal-attention__box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 668px;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0px 7px 28.8px 11.2px rgba(0, 0, 0, 0.35); }
.modal-attention-head {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(to bottom, rgba(121, 142, 168, 0.4) 0%, rgba(121, 142, 168, 0.9) 50%, #798ea8 100%); }
  .modal-attention-head__title {
    display: flex;
    align-items: center;
    justify-content: center; }
    .modal-attention-head__title--img {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 9px; }
      .modal-attention-head__title--img img {
        margin-bottom: 3px;
        margin-right: 0px; }
    .modal-attention-head__title p {
      font-size: 21px;
      color: #fff; }
  .modal-attention-head__btn {
    cursor: pointer;
    background-image: url("../img/icon/modalClose.png");
    width: 15px;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 19px; }
.modal-attention__content {
  padding: 30px;
  font-size: 17px;
  font-weight: 400;
  color: #798ea8;
  background-color: #e7ebef;
  margin: 35px 0 15px; }
  .modal-attention__content--desc {
    color: #d50101;
    font-size: 17px;
    margin: 0 auto;
    text-align: center;
    font-weight: bold; }
.modal-attention-btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 30px 15px; }
  .modal-attention-btn--ok {
    cursor: pointer;
    box-sizing: border-box;
    text-transform: uppercase;
    width: 116px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    border: 1px solid #798ea8;
    border-radius: 14px;
    background-color: #798ea8;
    color: #fff;
    margin-left: 10px;
    transition: all .3s; }
    .modal-attention-btn--ok:hover {
      background-color: #fff;
      border: 1px solid #798ea8;
      color: #798ea8; }

.modal-allGroups-head {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(to bottom, rgba(121, 142, 168, 0.4) 0%, rgba(121, 142, 168, 0.9) 50%, #798ea8 100%); }
  .modal-allGroups-head__title {
    display: flex;
    align-items: center;
    justify-content: center; }
    .modal-allGroups-head__title--img {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 9px; }
      .modal-allGroups-head__title--img img {
        margin-bottom: 3px;
        margin-right: 0px; }
    .modal-allGroups-head__title p {
      font-size: 21px;
      color: #fff; }
  .modal-allGroups-head__btn {
    cursor: pointer;
    background-image: url("../img/icon/modalClose.png");
    width: 15px;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 19px; }
.modal-allGroups__group--num {
  width: 390px;
  font-size: 30px;
  color: #798ea8;
  line-height: 50px; }
.modal-allGroups-btn {
  justify-content: flex-end; }
  .modal-allGroups-btn--save {
    cursor: pointer;
    box-sizing: border-box;
    width: 138px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    border: 1px solid #798ea8;
    border-radius: 14px;
    background-color: #798ea8;
    color: #fff;
    margin-left: 10px;
    transition: all .3s; }
    .modal-allGroups-btn--save:hover {
      background-color: #fff;
      border: 1px solid #798ea8;
      color: #798ea8; }
  .modal-allGroups-btn--remove {
    cursor: pointer;
    box-sizing: border-box;
    width: 138px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    border: 1px solid #798ea8;
    border-radius: 14px;
    background-color: #fff;
    color: #798ea8;
    margin-left: 10px;
    transition: all .3s; }
    .modal-allGroups-btn--remove:hover {
      background-color: #798ea8;
      color: #fff; }

.modal-greenBlock__item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 990px;
  background-color: #fff;
  box-shadow: 0px 7px 28.8px 11.2px rgba(0, 0, 0, 0.35); }
.modal-greenBlock__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  background: linear-gradient(to bottom, rgba(121, 142, 168, 0.4) 0%, rgba(121, 142, 168, 0.9) 50%, #798ea8 100%);
  background-size: cover;
  background-position: center top; }
  .modal-greenBlock__head--icon {
    width: 12px;
    height: 12px;
    background-image: url("../img/icon/modalClose.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
    margin-right: 17px; }
.modal-greenBlock__head--desc {
  display: flex;
  align-items: center;
  justify-content: flex-start; }
  .modal-greenBlock__head--desc img {
    width: 36px;
    height: 36px;
    margin: 0 16px 0 12px; }
  .modal-greenBlock__head--desc p {
    font-size: 21px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 4px; }
.modal-greenBlock__title {
  font-size: 48px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px;
  height: 120px;
  text-align: center;
  padding: 0 15px 0 35px;
  color: #798ea8; }
.modal-greenBlock__content--sponsor {
  position: fixed;
  top: 64px;
  right: 15px;
  transition: 0.2s linear;
  transform-origin: top right;
  z-index: 999;
  width: 55px;
  height: 45px;
  vertical-align: top; }
  .modal-greenBlock__content--sponsor:hover {
    will-change: transform;
    transform-origin: top right;
    transform: scale(1.2) translateZ(0);
    transition: transform .3s; }
  .modal-greenBlock__content--sponsor img {
    vertical-align: top;
    height: 100%;
    width: auto; }
  .modal-greenBlock__content--sponsor-rozetka {
    width: 164px;
    height: 33px; }
  .modal-greenBlock__content--sponsor-sport {
    width: 170px;
    height: 47px; }
.modal-greenBlock__main-stat {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 1px 0;
  height: 203px;
  background-color: #e7ebef;
  color: #798ea8;
  font-size: 17px;
  font-weight: 400; }
  .modal-greenBlock__main-stat__co5, .modal-greenBlock__main-stat__co6, .modal-greenBlock__main-stat__co7, .modal-greenBlock__main-stat__co8 {
    display: none;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
.modal-greenBlock__list {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 310px;
  margin-bottom: 12px; }
  .modal-greenBlock__list--div {
    display: flex;
    align-items: center;
    justify-content: center; }
  .modal-greenBlock__list--before {
    border-radius: 50%;
    background-color: #798ea8;
    width: 6px;
    height: 6px;
    margin-right: 8px;
    display: flex; }
.modal-greenBlock__num {
  width: 68px;
  height: 26px;
  font-weight: bold;
  color: #475566;
  background-color: #fff;
  border: 0.5px solid #798ea8;
  border-radius: 13px;
  display: flex;
  align-items: center;
  justify-content: center; }
.modal-greenBlock__btn {
  height: 80px;
  padding-right: 39px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end; }
  .modal-greenBlock__btn button {
    display: flex;
    align-items: center;
    height: 30px;
    width: auto !important;
    margin-top: 41px;
    padding: 6px 18px;
    margin-left: 30px;
    border-radius: 23px;
    border: 1px solid #798ea8;
    background-color: #798ea8;
    color: #fff;
    font-weight: bold;
    transition-duration: .3s; }
    .modal-greenBlock__btn button:active {
      border: 1px solid #798ea8;
      outline: none; }
    .modal-greenBlock__btn button:hover {
      border: 1px solid #798ea8;
      color: #798ea8;
      background-color: #fff; }
  .modal-greenBlock__btn p {
    font-size: 16px;
    text-transform: none !important; }
  .modal-greenBlock__btn--ok {
    width: 109px;
    height: 26px;
    line-height: 22px;
    text-transform: uppercase;
    border-width: 1px;
    border-color: #798ea8;
    border-style: solid;
    border-radius: 14px;
    background-color: #798ea8;
    color: #fff;
    transition: all .3s;
    font-size: 16px;
    font-weight: 600;
    padding: 0px 44px !important; }
    .modal-greenBlock__btn--ok:hover {
      background-color: #fff;
      color: #798ea8; }
  .modal-greenBlock__btn--cancel {
    text-align: center;
    color: #798ea8 !important;
    border: 1px solid #798ea8 !important;
    background-color: #fff !important;
    border-radius: 23px;
    padding: 0 27px !important; }
    .modal-greenBlock__btn--cancel:hover {
      background-color: #798ea8 !important;
      color: #fff !important; }
  .modal-greenBlock__btn--send {
    border: 1px solid #798ea8 !important; }

.modal-greenBlockEnd__box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 668px;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0px 7px 28.8px 11.2px rgba(0, 0, 0, 0.35); }
.modal-greenBlockEnd-head {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(to bottom, rgba(121, 142, 168, 0.4) 0%, rgba(121, 142, 168, 0.9) 50%, #798ea8 100%); }
  .modal-greenBlockEnd-head__title {
    display: flex;
    align-items: center;
    justify-content: center; }
    .modal-greenBlockEnd-head__title--img {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 9px; }
      .modal-greenBlockEnd-head__title--img img {
        margin-bottom: 3px;
        margin-right: 0px; }
    .modal-greenBlockEnd-head__title p {
      font-size: 21px;
      color: #fff; }
  .modal-greenBlockEnd-head__btn {
    cursor: pointer;
    background-image: url("../img/icon/modalClose.png");
    width: 15px;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 19px; }
.modal-greenBlockEnd__content {
  padding: 30px 0;
  font-size: 17px;
  font-weight: 400;
  color: #798ea8; }
  .modal-greenBlockEnd__content--desc {
    color: #798ea8;
    font-size: 17px;
    margin: 0 auto;
    text-align: center;
    font-weight: bold; }
.modal-greenBlockEnd-btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 30px 15px; }
  .modal-greenBlockEnd-btn--ok {
    cursor: pointer;
    box-sizing: border-box;
    text-transform: uppercase;
    width: 116px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    border: 1px solid #798ea8;
    border-radius: 14px;
    background-color: #798ea8;
    color: #fff;
    margin-left: 10px;
    transition: all .3s; }
    .modal-greenBlockEnd-btn--ok:hover {
      background-color: #fff;
      border: 1px solid #798ea8;
      color: #798ea8; }

.modal-revoice__box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 668px;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0px 7px 28.8px 11.2px rgba(0, 0, 0, 0.35); }
.modal-revoice-head {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(to bottom, rgba(121, 142, 168, 0.4) 0%, rgba(121, 142, 168, 0.9) 50%, #798ea8 100%); }
  .modal-revoice-head__title {
    display: flex;
    align-items: center;
    justify-content: center; }
    .modal-revoice-head__title--img {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 9px; }
      .modal-revoice-head__title--img img {
        margin-bottom: 3px;
        margin-right: 0px; }
    .modal-revoice-head__title p {
      font-size: 21px;
      color: #fff; }
  .modal-revoice-head__btn {
    cursor: pointer;
    background-image: url("../img/icon/modalClose.png");
    width: 15px;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 19px; }
.modal-revoice__content {
  padding: 38px 0;
  font-size: 17px;
  font-weight: 400;
  color: #798ea8; }
  .modal-revoice__content--desc {
    color: #798ea8;
    font-size: 17px;
    margin: 0 auto;
    max-width: 489px; }
    .modal-revoice__content--desc p {
      margin-bottom: 14px;
      position: relative;
      padding-left: 16px; }
      .modal-revoice__content--desc p:after {
        content: "";
        display: block;
        position: absolute;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: #798ea8;
        top: 10px;
        left: 0;
        transform: translateY(-50%); }
    .modal-revoice__content--desc .premium-open {
      font-weight: bold;
      text-decoration: underline;
      transition: all 0.3s;
      cursor: pointer; }
      .modal-revoice__content--desc .premium-open:hover {
        text-decoration: none; }
.modal-revoice-btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 30px 15px; }
  .modal-revoice-btn--ok {
    cursor: pointer;
    box-sizing: border-box;
    text-transform: uppercase;
    width: 116px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    border: 1px solid #798ea8;
    border-radius: 14px;
    background-color: #798ea8;
    color: #fff;
    margin-left: 10px;
    transition: all .3s; }
    .modal-revoice-btn--ok:hover {
      background-color: #fff;
      border: 1px solid #798ea8;
      color: #798ea8; }

.modal-addtoOrder__box {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 668px;
  overflow: hidden;
  background-color: #fff;
  box-shadow: 0px 7px 28.8px 11.2px rgba(0, 0, 0, 0.35); }
.modal-addtoOrder-head {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(to bottom, rgba(121, 142, 168, 0.4) 0%, rgba(121, 142, 168, 0.9) 50%, #798ea8 100%); }
  .modal-addtoOrder-head__title {
    display: flex;
    align-items: center;
    justify-content: center; }
    .modal-addtoOrder-head__title--img {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 9px; }
      .modal-addtoOrder-head__title--img img {
        margin-bottom: 3px;
        margin-right: 0px; }
    .modal-addtoOrder-head__title p {
      font-size: 21px;
      color: #fff; }
  .modal-addtoOrder-head__btn {
    cursor: pointer;
    background-image: url("../img/icon/modalClose.png");
    width: 15px;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 19px; }
.modal-addtoOrder__content--title {
  font-size: 17px;
  text-align: center;
  font-weight: bold;
  color: #798ea8;
  padding: 36px 0 57px; }
.modal-addtoOrder-btn {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 0 30px 15px; }
  .modal-addtoOrder-btn--ok {
    cursor: pointer;
    box-sizing: border-box;
    text-transform: uppercase;
    width: 116px;
    height: 26px;
    line-height: 24px;
    text-align: center;
    border: 1px solid #798ea8;
    border-radius: 14px;
    background-color: #798ea8;
    color: #fff;
    margin-left: 10px;
    transition: all .3s; }
    .modal-addtoOrder-btn--ok:hover {
      background-color: #fff;
      border: 1px solid #798ea8;
      color: #798ea8; }

#modal-statistic_5 .modal-greenBlock__content {
  padding: 45px 100px; }

#modal-statistic_9 .final-link {
  position: relative; }
  #modal-statistic_9 .final-link:after {
    content: "";
    width: 100%;
    height: 1px;
    background-color: #798ea8;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    display: block;
    transition: all 0.3s; }
  #modal-statistic_9 .final-link:hover:after {
    width: 0; }

.modal-help__item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 990px;
  background-color: #fff;
  box-shadow: 0px 7px 28.8px 11.2px rgba(0, 0, 0, 0.35); }
.modal-help__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  background: linear-gradient(to bottom, rgba(121, 142, 168, 0.4) 0%, rgba(121, 142, 168, 0.9) 50%, #798ea8 100%);
  background-size: cover;
  background-position: center top; }
  .modal-help__head--icon {
    width: 12px;
    height: 12px;
    background-image: url("../img/icon/modalClose.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
    margin-right: 17px; }
.modal-help__head--desc {
  display: flex;
  align-items: center;
  justify-content: flex-start; }
  .modal-help__head--desc img {
    width: 36px;
    height: 36px;
    margin: 0 16px 0 12px; }
  .modal-help__head--desc p {
    font-size: 21px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 4px; }
.modal-help__title {
  font-size: 30px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px;
  height: 88px;
  text-align: center;
  color: #798ea8; }
.modal-help__accept {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1px 0;
  height: 218px;
  background-color: #e7ebef;
  color: #798ea8;
  font-size: 17px; }
  .modal-help__accept li {
    list-style-type: disc;
    margin-bottom: 17px; }
.modal-help__textarea {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 218px;
  background-color: #e7ebef;
  left: 222px; }
  .modal-help__textarea p {
    font-size: 16px;
    font-weight: bold;
    color: black;
    margin-bottom: 10px; }
  .modal-help__textarea textarea {
    width: 642px;
    height: 79px;
    resize: none;
    border: none;
    margin-bottom: 69.2px; }
    .modal-help__textarea textarea:active {
      border: none; }
.modal-help__btn {
  height: 68px;
  padding-right: 39px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end; }
  .modal-help__btn button {
    display: flex;
    align-items: center;
    height: 30px;
    width: auto !important;
    margin-top: 41px;
    padding: 6px 18px;
    margin-left: 30px;
    border-radius: 23px;
    border: 1px solid #798ea8;
    background-color: #798ea8;
    color: #fff;
    font-weight: bold;
    transition-duration: .3s; }
    .modal-help__btn button:active {
      border: 1px solid #798ea8;
      outline: none; }
    .modal-help__btn button:hover {
      border: 1px solid #798ea8;
      color: #798ea8;
      background-color: #fff; }
  .modal-help__btn p {
    font-size: 16px;
    text-transform: none !important; }
  .modal-help__btn--ok {
    width: 109px;
    height: 26px;
    line-height: 22px;
    text-transform: uppercase;
    border-width: 1px;
    border-color: #798ea8;
    border-style: solid;
    border-radius: 14px;
    background-color: #798ea8;
    color: #fff;
    transition: all .3s;
    font-size: 16px;
    font-weight: 600;
    padding: 0px 44px !important; }
    .modal-help__btn--ok:hover {
      background-color: #fff;
      color: #798ea8; }
  .modal-help__btn--cancel {
    text-align: center;
    color: #798ea8 !important;
    border: 1px solid #798ea8 !important;
    background-color: #fff !important;
    border-radius: 23px;
    padding: 0 27px !important; }
    .modal-help__btn--cancel:hover {
      background-color: #798ea8 !important;
      color: #fff !important; }
  .modal-help__btn--send {
    border: 1px solid #798ea8 !important; }

.modal-complain__item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 990px;
  background-color: #fff;
  box-shadow: 0px 7px 28.8px 11.2px rgba(0, 0, 0, 0.35); }
.modal-complain__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  background: linear-gradient(to bottom, rgba(121, 142, 168, 0.4) 0%, rgba(121, 142, 168, 0.9) 50%, #798ea8 100%);
  background-size: cover;
  background-position: center top; }
  .modal-complain__head--icon {
    width: 12px;
    height: 12px;
    background-image: url("../img/icon/modalClose.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
    margin-right: 17px; }
.modal-complain__head--desc {
  display: flex;
  align-items: center;
  justify-content: flex-start; }
  .modal-complain__head--desc img {
    width: 36px;
    height: 36px;
    margin: 0 16px 0 12px; }
  .modal-complain__head--desc p {
    font-size: 21px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 4px; }
.modal-complain__title {
  font-size: 30px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px;
  height: 88px;
  text-align: center;
  color: #798ea8; }
.modal-complain__accept {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1px 0;
  height: 218px;
  background-color: #e7ebef;
  color: #798ea8;
  font-size: 17px; }
  .modal-complain__accept li {
    list-style-type: disc;
    margin-bottom: 17px; }
.modal-complain__textarea {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  height: 218px;
  background-color: #e7ebef;
  left: 222px; }
  .modal-complain__textarea p {
    font-size: 16px;
    font-weight: bold;
    color: black;
    margin-bottom: 10px; }
  .modal-complain__textarea textarea {
    width: 642px;
    height: 79px;
    resize: none;
    border: none;
    margin-bottom: 69.2px; }
    .modal-complain__textarea textarea:active {
      border: none; }
.modal-complain__btn {
  height: 68px;
  padding-right: 39px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end; }
  .modal-complain__btn button {
    display: flex;
    align-items: center;
    height: 30px;
    width: auto !important;
    margin-top: 41px;
    padding: 6px 18px;
    margin-left: 30px;
    border-radius: 23px;
    border: 1px solid #798ea8;
    background-color: #798ea8;
    color: #fff;
    font-weight: bold;
    transition-duration: .3s; }
    .modal-complain__btn button:active {
      border: 1px solid #798ea8;
      outline: none; }
    .modal-complain__btn button:hover {
      border: 1px solid #798ea8;
      color: #798ea8;
      background-color: #fff; }
  .modal-complain__btn p {
    font-size: 16px;
    text-transform: none !important; }
  .modal-complain__btn--ok {
    width: 109px;
    height: 26px;
    line-height: 22px;
    text-transform: uppercase;
    border-width: 1px;
    border-color: #798ea8;
    border-style: solid;
    border-radius: 14px;
    background-color: #798ea8;
    color: #fff;
    transition: all .3s;
    font-size: 16px;
    font-weight: 600;
    padding: 0px 44px !important; }
    .modal-complain__btn--ok:hover {
      background-color: #fff;
      color: #798ea8; }
  .modal-complain__btn--cancel {
    text-align: center;
    color: #798ea8 !important;
    border: 1px solid #798ea8 !important;
    background-color: #fff !important;
    border-radius: 23px;
    padding: 0 27px !important; }
    .modal-complain__btn--cancel:hover {
      background-color: #798ea8 !important;
      color: #fff !important; }
  .modal-complain__btn--send {
    border: 1px solid #798ea8 !important; }

.modal-donate__item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 990px;
  background-color: #fff;
  box-shadow: 0px 7px 28.8px 11.2px rgba(0, 0, 0, 0.35); }
.modal-donate__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  background: linear-gradient(to bottom, rgba(121, 142, 168, 0.4) 0%, rgba(121, 142, 168, 0.9) 50%, #798ea8 100%);
  background-size: cover;
  background-position: center top; }
  .modal-donate__head--icon {
    width: 12px;
    height: 12px;
    background-image: url("../img/icon/modalClose.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
    margin-right: 17px; }
.modal-donate__head--desc {
  display: flex;
  align-items: center;
  justify-content: flex-start; }
  .modal-donate__head--desc img {
    width: 36px;
    height: 36px;
    margin: 0 16px 0 12px; }
  .modal-donate__head--desc p {
    font-size: 21px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 4px; }
.modal-donate__title {
  font-size: 30px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px;
  height: 88px;
  text-align: center;
  color: #798ea8; }
  .modal-donate__title > span {
    margin-right: 10px; }
.modal-donate__accept {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1px 0;
  height: 218px;
  background-color: #e7ebef;
  color: #798ea8;
  font-size: 17px;
  font-weight: bold; }
  .modal-donate__accept--content {
    width: 470px; }
  .modal-donate__accept a {
    color: #1550c3;
    text-decoration: underline; }
.modal-donate__btn {
  height: 68px;
  padding-right: 39px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end; }
  .modal-donate__btn button {
    display: flex;
    align-items: center;
    height: 30px;
    width: auto !important;
    margin-top: 41px;
    padding: 6px 18px;
    margin-left: 30px;
    border-radius: 23px;
    border: 1px solid #798ea8;
    background-color: #798ea8;
    color: #fff;
    font-weight: bold;
    transition-duration: .3s; }
    .modal-donate__btn button:active {
      border: 1px solid #798ea8;
      outline: none; }
    .modal-donate__btn button:hover {
      border: 1px solid #798ea8;
      color: #798ea8;
      background-color: #fff; }
  .modal-donate__btn p {
    font-size: 16px;
    text-transform: none !important; }
  .modal-donate__btn--ok {
    width: 109px;
    height: 26px;
    line-height: 22px;
    text-transform: uppercase;
    border-width: 1px;
    border-color: #798ea8;
    border-style: solid;
    border-radius: 14px;
    background-color: #798ea8;
    color: #fff;
    transition: all .3s;
    font-size: 16px;
    font-weight: 600;
    padding: 0px 44px !important; }
    .modal-donate__btn--ok:hover {
      background-color: #fff;
      color: #798ea8; }
  .modal-donate__btn--cancel {
    text-align: center;
    color: #798ea8 !important;
    border: 1px solid #798ea8 !important;
    background-color: #fff !important;
    border-radius: 23px;
    padding: 0 27px !important; }
    .modal-donate__btn--cancel:hover {
      background-color: #798ea8 !important;
      color: #fff !important; }
  .modal-donate__btn--send {
    border: 1px solid #798ea8 !important; }

.modal-contacts__item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 990px;
  background-color: #fff;
  box-shadow: 0px 7px 28.8px 11.2px rgba(0, 0, 0, 0.35); }
.modal-contacts__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  background: linear-gradient(to bottom, rgba(121, 142, 168, 0.4) 0%, rgba(121, 142, 168, 0.9) 50%, #798ea8 100%);
  background-size: cover;
  background-position: center top; }
  .modal-contacts__head--icon {
    width: 12px;
    height: 12px;
    background-image: url("../img/icon/modalClose.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
    margin-right: 17px; }
  .modal-contacts__head--desc {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .modal-contacts__head--desc img {
      width: 36px;
      height: 36px;
      margin: 0 16px 0 12px; }
    .modal-contacts__head--desc p {
      font-size: 21px;
      color: #fff;
      font-weight: 400;
      margin-bottom: 4px; }
.modal-contacts__title {
  font-size: 30px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 88px;
  text-align: center;
  color: #798ea8; }
  .modal-contacts__title > span {
    margin-right: 10px; }
.modal-contacts__main {
  display: flex;
  justify-content: center;
  padding-top: 25px;
  height: 218px;
  background-color: #e7ebef;
  color: #798ea8;
  font-size: 17px;
  font-weight: 400; }
.modal-contacts__list {
  display: flex;
  align-items: center;
  margin-bottom: 6px; }
  .modal-contacts__list div {
    display: flex; }
  .modal-contacts__list img {
    width: 36px;
    height: 36px;
    margin-right: 12px; }
  .modal-contacts__list h1 {
    font-size: 17px;
    font-weight: 400; }
  .modal-contacts__list a, .modal-contacts__list p {
    color: #0e79fe; }
.modal-contacts__btn {
  height: 68px;
  padding-right: 39px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end; }
  .modal-contacts__btn button {
    display: flex;
    align-items: center;
    height: 30px;
    width: auto !important;
    margin-top: 41px;
    padding: 6px 18px;
    margin-left: 30px;
    border-radius: 23px;
    border: 1px solid #798ea8;
    background-color: #798ea8;
    color: #fff;
    font-weight: bold;
    transition-duration: .3s; }
    .modal-contacts__btn button:active {
      border: 1px solid #798ea8;
      outline: none; }
    .modal-contacts__btn button:hover {
      border: 1px solid #798ea8;
      color: #798ea8;
      background-color: #fff; }
  .modal-contacts__btn--ok {
    width: 109px;
    height: 26px;
    line-height: 22px;
    text-transform: uppercase;
    border-width: 1px;
    border-color: #798ea8;
    border-style: solid;
    border-radius: 14px;
    background-color: #798ea8;
    color: #fff;
    transition: all .3s;
    font-size: 16px;
    font-weight: 600;
    padding: 0px 44px !important; }
    .modal-contacts__btn--ok:hover {
      background-color: #fff;
      color: #798ea8; }

.modal-organize__item {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 990px;
  background-color: #fff;
  box-shadow: 0px 7px 28.8px 11.2px rgba(0, 0, 0, 0.35); }
.modal-organize__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 50px;
  background: linear-gradient(to bottom, rgba(121, 142, 168, 0.4) 0%, rgba(121, 142, 168, 0.9) 50%, #798ea8 100%);
  background-size: cover;
  background-position: center top; }
  .modal-organize__head--icon {
    width: 12px;
    height: 12px;
    background-image: url("../img/icon/modalClose.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    cursor: pointer;
    margin-right: 17px; }
.modal-organize__head--desc {
  display: flex;
  align-items: center;
  justify-content: flex-start; }
  .modal-organize__head--desc img {
    width: 36px;
    height: 36px;
    margin: 0 16px 0 12px; }
  .modal-organize__head--desc p {
    font-size: 21px;
    color: #fff;
    font-weight: 400;
    margin-bottom: 4px; }
.modal-organize__title {
  font-size: 30px !important;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 0px;
  height: 88px;
  text-align: center;
  color: #798ea8; }
.modal-organize__accept {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 1px 0;
  height: 218px;
  background-color: #e7ebef;
  color: #798ea8;
  font-size: 17px;
  line-height: 1.176;
  font-weight: bold; }
  .modal-organize__accept ul {
    width: 480px; }
  .modal-organize__accept li {
    list-style-type: disc;
    margin-bottom: 17px; }
    .modal-organize__accept li a {
      color: #1550c3;
      text-decoration: underline; }
.modal-organize__textarea {
  display: flex;
  flex-direction: column;
  align-items: center;
  height: 218px;
  background-color: #e7ebef; }
  .modal-organize__textarea--content {
    margin-top: 23px;
    height: 160px;
    display: flex;
    flex-direction: column;
    justify-content: space-around; }
    .modal-organize__textarea--content-div {
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      height: 50px; }
  .modal-organize__textarea p {
    font-size: 17px;
    font-weight: bold;
    color: #798ea8;
    line-height: 1.176; }
  .modal-organize__textarea textarea {
    width: 255px;
    height: 27px;
    resize: none;
    border: none; }
    .modal-organize__textarea textarea:active {
      border: none; }
.modal-organize__btn {
  height: 68px;
  padding-right: 39px;
  margin-bottom: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-end; }
  .modal-organize__btn button {
    display: flex;
    align-items: center;
    height: 30px;
    width: auto !important;
    margin-top: 41px;
    padding: 6px 18px;
    margin-left: 30px;
    border-radius: 23px;
    border: 1px solid #798ea8;
    background-color: #798ea8;
    color: #fff;
    font-weight: bold;
    transition-duration: .3s; }
    .modal-organize__btn button:active {
      border: 1px solid #798ea8;
      outline: none; }
    .modal-organize__btn button:hover {
      border: 1px solid #798ea8;
      color: #798ea8;
      background-color: #fff; }
  .modal-organize__btn p {
    font-size: 16px;
    text-transform: none !important; }
  .modal-organize__btn--ok {
    width: 109px;
    height: 26px;
    line-height: 22px;
    text-transform: uppercase;
    border-width: 1px;
    border-color: #798ea8;
    border-style: solid;
    border-radius: 14px;
    background-color: #798ea8;
    color: #fff;
    transition: all .3s;
    font-size: 16px;
    font-weight: 600;
    padding: 0px 44px !important; }
    .modal-organize__btn--ok:hover {
      background-color: #fff;
      color: #798ea8; }
  .modal-organize__btn--cancel {
    text-align: center;
    color: #798ea8 !important;
    border: 1px solid #798ea8 !important;
    background-color: #fff !important;
    border-radius: 23px;
    padding: 0 27px !important; }
    .modal-organize__btn--cancel:hover {
      background-color: #798ea8 !important;
      color: #fff !important; }
  .modal-organize__btn--send {
    border: 1px solid #798ea8 !important; }

.videoADV--wrap {
  width: 800px;
  height: 475px;
  box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  text-align: center;
  display: flex;
  align-content: center;
  justify-content: center;
  flex-direction: column;
  border: 10px solid #e8e8e8;
  border-radius: 23px; }
  .videoADV--wrap h2 {
    font-family: "mr_RegisterWideBold", sans-serif;
    font-size: 45px;
    font-weight: bold;
    color: #798ea8;
    text-transform: uppercase;
    margin-bottom: 17px;
    display: inline-block;
    position: relative;
    width: fit-content;
    margin: 0 auto; }
    .videoADV--wrap h2:after {
      content: '';
      display: block;
      position: absolute;
      width: 100%;
      height: 10px;
      background-color: #e8e8e8; }
  .videoADV--wrap button {
    width: fit-content;
    padding: 5px 16px 9px;
    border: 1px solid #798ea8;
    border-radius: 17px;
    background-color: #e8e8e8;
    color: #798ea8;
    font-size: 17px;
    margin: 0 auto;
    margin-top: 30px;
    font-weight: bold;
    transition: all .3s; }
    .videoADV--wrap button:hover {
      background-color: #798ea8;
      color: #e8e8e8; }
.videoADV--time {
  font-family: "astronaut", sans-serif;
  font-size: 42px;
  color: #798ea8;
  margin-top: 25px; }

.modal-mystat-head {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(to bottom, rgba(121, 142, 168, 0.4) 0%, rgba(121, 142, 168, 0.9) 50%, #798ea8 100%); }
  .modal-mystat-head__title {
    display: flex;
    align-items: center;
    justify-content: center; }
    .modal-mystat-head__title--img {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 9px; }
      .modal-mystat-head__title--img img {
        margin-bottom: 3px;
        margin-right: 0px; }
    .modal-mystat-head__title p {
      font-size: 21px;
      color: #fff; }
  .modal-mystat-head__btn {
    cursor: pointer;
    background-image: url("../img/icon/modalClose.png");
    width: 15px;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 19px; }
.modal-mystat-desc {
  position: relative;
  height: 105px;
  display: flex;
  align-items: center;
  justify-content: center; }
  .modal-mystat-desc__day {
    width: 85px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    position: absolute;
    top: 30px;
    left: 40px;
    color: #fff;
    font-size: 25px;
    background-color: #798ea8; }
  .modal-mystat-desc__text {
    max-width: 6710px; }
    .modal-mystat-desc__text p {
      color: #798ea8;
      padding: 0 0 3px 16px;
      font-size: 17px;
      position: relative;
      font-weight: bold; }
      .modal-mystat-desc__text p::after {
        content: "";
        display: block;
        position: absolute;
        width: 6px;
        height: 6px;
        border-radius: 50%;
        background-color: #798ea8;
        top: 50%;
        left: 0;
        transform: translateY(-50%); }
  .modal-mystat-desc__sponsor {
    position: absolute;
    display: block;
    right: 20px;
    top: 20px; }
    .modal-mystat-desc__sponsor--img {
      width: 145px;
      height: auto;
      transition: transform 0.2s linear;
      transform-origin: top right; }
    .modal-mystat-desc__sponsor--img2 {
      transition: transform 0.2s linear;
      transform-origin: top right; }
    .modal-mystat-desc__sponsor:hover img {
      width: 60px;
      height: auto;
      will-change: transform;
      transform-origin: top right;
      transform: scale(1.2) translateZ(0);
      transition: transform 0.2s linear; }
.modal-mystat-works {
  flex-wrap: nowrap;
  position: relative; }
  .modal-mystat-works__example {
    position: absolute;
    top: 12px;
    left: 213px;
    font-size: 17px;
    font-weight: bold;
    color: #798ea8; }
  .modal-mystat-works__item {
    width: 104px;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    z-index: 1;
    margin: 0 18px;
    cursor: pointer;
    color: #798ea8; }
    .modal-mystat-works__item img {
      width: 100%; }
  .modal-mystat-works-count {
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .modal-mystat-works-count__item {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      font-size: 14px;
      color: #798ea8; }
      .modal-mystat-works-count__item span {
        display: block;
        margin: 0 3px -2px 3px; }
      .modal-mystat-works-count__item img {
        display: block; }
.modal-mystat-btn {
  justify-content: flex-end; }
  .modal-mystat-btn--stat {
    height: 26px;
    line-height: 22px;
    border-width: 1px;
    border-color: #798ea8;
    border-style: solid;
    border-radius: 14px;
    background-color: #fff;
    color: #798ea8;
    transition: all .3s;
    font-size: 16px;
    font-weight: bold;
    padding: 0 22px;
    margin-right: 14px;
    cursor: pointer; }
    .modal-mystat-btn--stat:hover {
      background-color: #798ea8;
      color: #fff; }
  .modal-mystat-btn--ok {
    width: 109px;
    height: 26px;
    line-height: 22px;
    text-transform: uppercase;
    border-width: 1px;
    border-color: #798ea8;
    border-style: solid;
    border-radius: 14px;
    background-color: #798ea8;
    color: #fff;
    transition: all .3s;
    font-size: 16px;
    font-weight: 600;
    padding: 0px 44px !important;
    cursor: pointer; }
    .modal-mystat-btn--ok:hover {
      background-color: #fff;
      color: #798ea8; }

.wrapper {
  position: relative;
  width: 100%;
  height: 100%; }
  .wrapper .reg {
    position: absolute;
    margin-top: 50vh;
    margin-left: 50vw;
    transform: translate(-50%, -50%);
    text-align: center; }
    .wrapper .reg h1 {
      font-weight: 600;
      font-size: 26px;
      color: #5c93ff;
      margin-bottom: 40px; }
    .wrapper .reg--reset {
      margin-bottom: 70px !important; }
    .wrapper .reg-form__item {
      width: 260px; }
      .wrapper .reg-form__item label {
        display: block;
        text-align: left;
        font-weight: 600;
        color: #798ea8;
        font-size: 16px;
        margin-bottom: 3px; }
      .wrapper .reg-form__item input {
        width: 100%;
        border: 1px solid #ecf0f3;
        background-color: #f0f4f7;
        height: 29px;
        line-height: 29px;
        padding: 0 10px; }
      .wrapper .reg-form__item--link {
        text-align: right; }
        .wrapper .reg-form__item--link a {
          color: #0055ff;
          font-size: 16px; }
          .wrapper .reg-form__item--link a:hover {
            color: #4d88ff; }
        .wrapper .reg-form__item--link span {
          color: #0055ff; }
      .wrapper .reg-form__item--enterance {
        margin: 40px 0 16px; }
      .wrapper .reg-form__item--password {
        margin: 83px 0 0 0; }
      .wrapper .reg-form__item--reg {
        margin: 40px 0 15px; }
    .wrapper .reg-form__social {
      width: 260px;
      display: flex;
      align-items: center;
      justify-content: space-between; }
      .wrapper .reg-form__social div {
        background-color: #f0f4f7;
        border-radius: 3px;
        border: 1px solid #798ea8;
        font-size: 10px;
        font-weight: 600;
        padding-left: 15px;
        width: 49%;
        position: relative;
        height: 23px;
        line-height: 23px;
        cursor: pointer; }
        .wrapper .reg-form__social div:hover {
          background-color: white; }
        .wrapper .reg-form__social div img {
          position: absolute;
          top: 50%;
          left: 5px;
          transform: translateY(-50%);
          width: 14px;
          height: auto; }
    .wrapper .reg-form__btn {
      background-color: #5c93ff;
      border-radius: 17px;
      color: #fff;
      font-weight: 600;
      font-size: 20px;
      border: none;
      width: 100%;
      height: 34px; }
      .wrapper .reg-form__btn:hover {
        transition: all .3s;
        background-color: #70a1ff; }
    .wrapper .reg-logo {
      width: 83px;
      height: 83px; }
      .wrapper .reg-logo img {
        width: 83px;
        height: 83px; }

.home-title {
  position: relative;
  z-index: 989; }
  .home-title__dropdown {
    position: absolute;
    top: -5px;
    left: 0;
    z-index: 100; }
    .home-title__dropdown--bg {
      border-radius: 0 17px 17px 0;
      background-color: #8021cd;
      filter: blur(8px);
      width: 265px;
      height: 35px;
      position: absolute;
      left: -11px;
      top: -2px;
      border-left: 20px solid #8021cd;
      z-index: 99; }
  .home-title__h1 {
    text-align: right;
    font-size: 60px;
    line-height: 61px;
    font-family: "ChampagneLimousines", sans-serif;
    font-weight: 400;
    color: #ff0027;
    position: absolute;
    z-index: 999;
    right: 215px;
    bottom: -28px; }
  .home-title__tool {
    display: none;
    position: absolute;
    border: 1px solid #898989;
    padding: 3px 5px 5px 5px;
    background-color: #fff;
    z-index: 100001;
    color: #798ea8;
    font-weight: bold;
    font-size: 14px;
    right: 126px;
    bottom: 13px;
    transition: all .3s;
    box-shadow: 0px 5px 6.51px 0.49px rgba(0, 0, 0, 0.22); }
  .home-title--rel {
    position: relative;
    height: 17px; }
    .home-title--rel::after {
      content: "";
      display: block;
      position: absolute;
      height: 14px;
      background-color: #fff;
      width: 307px;
      left: 0;
      bottom: 0; }
    .home-title--rel::before {
      content: "";
      display: block;
      position: absolute;
      height: 14px;
      background-color: #fff;
      width: 100%;
      left: 410px;
      bottom: 0; }
  .home-title--gal {
    box-shadow: 0px -25px 27px 0px rgba(0, 0, 0, 0.43);
    margin-top: -6px;
    padding-top: 95px; }
    .home-title--gal .home-title--rel::after {
      display: none; }
    .home-title--gal .home-title--rel::before {
      content: "";
      display: block;
      position: absolute;
      height: 14px;
      background-color: #fff;
      width: 100%;
      left: calc(50% + 48px);
      bottom: 0; }
    .home-title--gal .loaderNewWork {
      left: 50%;
      transform: translate(-50%); }

.main-title__dd {
  top: 43px !important;
  left: 35px !important;
  font-family: "Montserrat", sans-serif;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase; }
  .main-title__dd a {
    color: #8c9eb3; }
    .main-title__dd a:hover {
      color: #45576d; }
  .main-title__dd--active {
    color: #45576d;
    font-weight: 500; }
  .main-title__dd > div {
    margin-bottom: 15px; }

#geniarium-drop .home-title__dropdown--h4 {
  padding: 5px 0 5px 25px !important; }
  #geniarium-drop .home-title__dropdown--h4 img {
    right: 41px !important; }

.box-text {
  font-family: "BickhamScriptTwo", serif;
  font-size: 40px;
  color: #798ea8;
  position: absolute;
  top: 100px;
  left: 4px;
  transition: all .3s;
  z-index: 99;
  cursor: pointer; }
  .box-text p {
    line-height: 30px;
    text-shadow: 0px -2px 1px white; }
  .box-text__second {
    margin-left: 85px; }
  .box-text:hover .box-textHome__three {
    color: #ff0027 !important; }

.box-textHome {
  top: 173px;
  left: 20px;
  color: #798ea8;
  font-family: "mr_RegisterWideBold", sans-serif;
  text-align: right; }
  .box-textHome__first {
    text-align: end;
    font-size: 20px;
    font-weight: normal;
    padding-right: 54px;
    margin-bottom: 4px; }
    .box-textHome__first--amateur {
      padding-right: 43px !important; }
  .box-textHome__second {
    font-size: 60px;
    font-weight: bold;
    margin-top: 7px;
    margin-bottom: 14px;
    display: flex;
    justify-content: flex-end; }
  .box-textHome__three {
    text-align: end;
    font-size: 20px;
    font-weight: normal;
    padding-right: 3px;
    min-width: 222px; }
  .box-textHome__four {
    top: 258px;
    left: 45px; }

.maxPad {
  padding: 110px 0 40px 0 !important; }

.explanation {
  height: 76px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  padding: 0 29px 12px 23px;
  color: #798ea8; }
  .explanation__right, .explanation__left {
    display: flex;
    align-items: flex-end;
    font-family: "ChampagneLimousines", sans-serif; }
  .explanation__right {
    text-transform: uppercase; }
    .explanation__right p {
      font-size: 11px;
      margin-right: 12px;
      margin-bottom: 3px; }
    .explanation__right h1 {
      font-family: "mr_RegisterWideBold", sans-serif;
      font-size: 20px;
      font-weight: bold; }
  .explanation__arrow {
    background: url("../img/icon/comp-arrow.png");
    background-size: 22px 15px;
    width: 22px;
    height: 15px;
    margin-right: 12px;
    margin-bottom: 2px; }
  .explanation__left {
    display: flex; }
    .explanation__left--p {
      display: flex;
      font-size: 12px; }
    .explanation__left span {
      color: #3fa7ff;
      font-weight: bold; }
    .explanation__left .explanation-top__arrow {
      margin-right: 0px;
      margin-left: 12px; }

.explanation-top {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  padding: 12px 29px 0 23px;
  text-transform: uppercase;
  color: #798ea8;
  align-items: center; }
  .explanation-top__arrow {
    background: url("../img/icon/comp-arrow.png");
    background-size: cover;
    width: 22px;
    height: 16px;
    margin-right: 12px;
    transform: rotate(180deg);
    margin-top: 6px; }
  .explanation-top p {
    font-size: 11px;
    margin-right: 8px;
    margin-top: 6px; }
  .explanation-top h1 {
    font-family: "mr_RegisterWideBold", sans-serif;
    font-size: 20px;
    font-weight: bold; }

#box-1 {
  position: relative;
  z-index: 2;
  padding: 0 0 34px 0;
  background-color: #fff; }
  #box-1 .box-prize:after, #box-1 .box-prize::before {
    display: none; }
  #box-1 .wrap::after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    clear: both; }
  #box-1 .box-prize__sponsor--1 {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
    width: 180px;
    left: 27%;
    top: 48%; }
    #box-1 .box-prize__sponsor--1 > img {
      width: 118px;
      height: auto; }
  #box-1 .box-prize__sponsor--2 {
    width: 140px; }
  #box-1 .box-prize--img img {
    width: 150px; }
  #box-1 .box-textHome__first {
    padding-left: 22px !important; }
  #box-1::after {
    content: '';
    display: block;
    width: 100%;
    height: 345px;
    background-color: #eff1f5;
    position: absolute;
    left: 0;
    top: 0;
    z-index: -1; }
  #box-1 .box-desc {
    width: 640px;
    margin-left: 155px;
    margin-top: 20px;
    position: relative; }
    #box-1 .box-desc__mainLink {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 100%;
      z-index: 9; }
    #box-1 .box-desc__item {
      width: 100%;
      background-color: #fff;
      position: absolute;
      top: 0;
      left: 0;
      cursor: pointer; }
    #box-1 .box-desc__head {
      color: #fff;
      font-size: 10px;
      font-weight: 400;
      font-family: "Montserrat", sans-serif;
      position: relative;
      height: 21px;
      line-height: 21px;
      color: #8c9eb3;
      text-transform: uppercase;
      padding: 0 9px 0 0;
      display: flex;
      align-items: center;
      justify-content: flex-end; }
      #box-1 .box-desc__head--block {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 452px; }
        #box-1 .box-desc__head--block-p {
          display: flex;
          align-items: center; }
          #box-1 .box-desc__head--block-p > img {
            margin-bottom: 2px;
            margin-right: 2px; }
      #box-1 .box-desc__head--etap {
        font-size: 15px;
        font-family: "ChampagneLimousines", sans-serif;
        font-weight: 300;
        margin-right: 12px; }
      #box-1 .box-desc__head--active {
        font-weight: 600;
        color: #45576d; }
      #box-1 .box-desc__head p {
        margin-left: 0; }
      #box-1 .box-desc__head--prizeLink {
        display: none; }
      #box-1 .box-desc__head--sponsor {
        margin-bottom: 9px; }
        #box-1 .box-desc__head--sponsor img {
          height: 23px;
          vertical-align: top; }
      #box-1 .box-desc__head:hover .box-desc__head--sponsor {
        transform-origin: bottom left;
        transform: scale(1.4) translateZ(0);
        transition: transform .3s; }
    #box-1 .box-desc__main {
      position: relative;
      height: 300px;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      flex-direction: column;
      padding-top: 54px; }
      #box-1 .box-desc__main table {
        display: none; }
      #box-1 .box-desc__main:hover .box-desc__more {
        transform: scale(1.27) translateZ(0); }
      #box-1 .box-desc__main::after {
        content: "";
        display: block;
        position: absolute;
        width: 50px;
        height: 45px;
        background-color: #fff;
        bottom: 0;
        right: 0; }
      #box-1 .box-desc__main-title {
        padding-left: 173px;
        width: 487px;
        z-index: 9; }
      #box-1 .box-desc__main-titleP {
        color: #fff;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
        font-size: 12px;
        text-transform: uppercase; }
      #box-1 .box-desc__main h2 {
        font-family: "mr_RegisterWideBold", sans-serif;
        font-size: 24px;
        line-height: 25px;
        text-transform: uppercase;
        color: #fff;
        text-shadow: none; }
      #box-1 .box-desc__main table td {
        padding-left: 7px; }
      #box-1 .box-desc__main table td:last-child {
        color: #fff; }
      #box-1 .box-desc__main-titleH2 {
        text-transform: uppercase; }
      #box-1 .box-desc__main-titleCo10 {
        text-transform: none !important; }
    #box-1 .box-desc--firstBox {
      margin-top: 41px; }
    #box-1 .box-desc--secondBox {
      margin-top: 28px; }

#box-2 {
  padding-bottom: 0; }
  #box-2 .box-prize:after, #box-2 .box-prize::before {
    display: none; }
  #box-2 .box-prize__sponsor--1 {
    width: 172px;
    display: flex;
    flex-direction: column;
    align-items: center;
    left: 27%;
    top: 48%; }
    #box-2 .box-prize__sponsor--1 img {
      width: 128px;
      height: auto; }
  #box-2 .box-prize__sponsor--2 {
    width: 152px; }
  #box-2 .box-prize--img img {
    width: 177px; }
  #box-2 .box-desc {
    width: 640px;
    margin-left: 155px;
    margin-top: 20px;
    position: relative; }
    #box-2 .box-desc__mainLink {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 100%;
      z-index: 9; }
    #box-2 .box-desc__item {
      width: 100%;
      background-color: #fff;
      position: absolute;
      top: 0;
      left: 0;
      cursor: pointer; }
    #box-2 .box-desc__head {
      color: #fff;
      font-size: 10px;
      font-weight: 400;
      font-family: "Montserrat", sans-serif;
      position: relative;
      height: 21px;
      line-height: 21px;
      color: #8c9eb3;
      text-transform: uppercase;
      padding: 0 9px 0 0;
      display: flex;
      align-items: center;
      justify-content: flex-end; }
      #box-2 .box-desc__head--block {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 452px; }
        #box-2 .box-desc__head--block-p {
          display: flex;
          align-items: center; }
          #box-2 .box-desc__head--block-p > img {
            margin-bottom: 2px;
            margin-right: 2px; }
      #box-2 .box-desc__head--etap {
        font-size: 15px;
        font-family: "ChampagneLimousines", sans-serif;
        font-weight: 300;
        margin-right: 12px; }
      #box-2 .box-desc__head--active {
        font-weight: 600;
        color: #45576d; }
      #box-2 .box-desc__head p {
        margin-left: 0; }
      #box-2 .box-desc__head--prizeLink {
        display: none; }
      #box-2 .box-desc__head--sponsor {
        margin-bottom: 9px; }
        #box-2 .box-desc__head--sponsor img {
          height: 23px;
          vertical-align: top; }
      #box-2 .box-desc__head:hover .box-desc__head--sponsor {
        transform-origin: bottom left;
        transform: scale(1.4) translateZ(0);
        transition: transform .3s; }
    #box-2 .box-desc__main {
      position: relative;
      height: 300px;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      flex-direction: column;
      padding-top: 54px; }
      #box-2 .box-desc__main table {
        display: none; }
      #box-2 .box-desc__main:hover .box-desc__more {
        transform: scale(1.27) translateZ(0); }
      #box-2 .box-desc__main::after {
        content: "";
        display: block;
        position: absolute;
        width: 50px;
        height: 45px;
        background-color: #fff;
        bottom: 0;
        right: 0; }
      #box-2 .box-desc__main-title {
        padding-left: 173px;
        width: 487px;
        z-index: 9; }
      #box-2 .box-desc__main-titleP {
        color: #fff;
        font-family: "Montserrat", sans-serif;
        font-weight: 300;
        font-size: 12px;
        text-transform: uppercase; }
      #box-2 .box-desc__main h2 {
        font-family: "mr_RegisterWideBold", sans-serif;
        font-size: 24px;
        line-height: 25px;
        text-transform: uppercase;
        color: #fff;
        text-shadow: none; }
      #box-2 .box-desc__main table td {
        padding-left: 7px; }
      #box-2 .box-desc__main table td:last-child {
        color: #fff; }
      #box-2 .box-desc__main-titleH2 {
        text-transform: uppercase; }
      #box-2 .box-desc__main-titleCo10 {
        text-transform: none !important; }
    #box-2 .box-desc--firstBox {
      margin-top: 41px; }
    #box-2 .box-desc--secondBox {
      margin-top: 28px; }

.box-3-bg {
  position: relative;
  width: 100%;
  height: 45px;
  background: url("../img/bg/mainBg.png");
  background-position-x: -4px; }

#box-3 {
  padding-top: 90px; }
  #box-3 .box-prize {
    margin-top: -20px; }
  #box-3 .box-prize__sponsor--1 {
    width: 172px;
    display: flex;
    flex-direction: column;
    align-items: center;
    left: 27%;
    top: 48%; }
    #box-3 .box-prize__sponsor--1 img {
      width: 128px;
      height: auto; }
  #box-3 .box-prize__sponsor--2 {
    width: 152px; }
  #box-3 .box-prize--img img {
    margin-bottom: 5px; }
  #box-3:after {
    height: 283px; }
  #box-3 .box-desc__main {
    padding-top: 58px; }
    #box-3 .box-desc__main-title {
      padding-left: 214px; }

#box-4 {
  padding-bottom: 0px;
  padding-top: 32px; }
  #box-4 .box-prize {
    margin-top: -20px; }
  #box-4 .box-prize__sponsor--1 {
    width: 172px;
    display: flex;
    flex-direction: column;
    align-items: center;
    left: 27%;
    top: 48%; }
    #box-4 .box-prize__sponsor--1 img {
      width: 128px;
      height: auto; }
  #box-4 .box-prize__sponsor--2 {
    width: 152px; }
  #box-4 .box-prize--img img {
    margin-top: 7px; }
  #box-4 .box-desc__main {
    padding-top: 74px; }
    #box-4 .box-desc__main-title {
      padding-left: 214px; }

#box-5 {
  padding-top: 72px; }
  #box-5 .box-prize {
    margin-top: -20px; }
  #box-5 .box-prize__sponsor--1 {
    width: 172px;
    display: flex;
    flex-direction: column;
    align-items: center;
    left: 27%;
    top: 48%; }
    #box-5 .box-prize__sponsor--1 img {
      width: 128px;
      height: auto; }
  #box-5 .box-prize__sponsor--2 {
    width: 152px; }
  #box-5 .box-desc__main {
    padding-top: 72px; }
    #box-5 .box-desc__main-title {
      padding-left: 214px; }
  #box-5:after {
    height: 264px; }

#box-6 {
  padding-bottom: 0px;
  padding-top: 31px; }
  #box-6 .box-prize {
    margin-top: -20px; }
  #box-6 .box-prize__sponsor--1 {
    width: 172px;
    display: flex;
    flex-direction: column;
    align-items: center;
    left: 27%;
    top: 48%; }
    #box-6 .box-prize__sponsor--1 img {
      width: 128px;
      height: auto; }
  #box-6 .box-prize__sponsor--2 {
    width: 152px; }
  #box-6 .box-prize--img img {
    margin-bottom: 5px;
    margin-right: 5px; }
  #box-6 .box-desc__main {
    padding-top: 72px; }
    #box-6 .box-desc__main-title {
      padding-left: 214px; }
    #box-6 .box-desc__main h2 {
      line-height: 34px; }

#box-7 {
  padding-top: 71px; }
  #box-7 .box-prize {
    margin-top: -20px; }
  #box-7 .box-prize__sponsor--1 {
    width: 172px;
    display: flex;
    flex-direction: column;
    align-items: center;
    left: 27%;
    top: 48%; }
    #box-7 .box-prize__sponsor--1 img {
      width: 128px;
      height: auto; }
  #box-7 .box-prize__sponsor--2 {
    width: 152px; }
  #box-7 .box-desc__main {
    padding-top: 72px; }
    #box-7 .box-desc__main-title {
      padding-left: 214px; }
    #box-7 .box-desc__main h2 {
      line-height: 34px; }
  #box-7:after {
    height: 264px; }

#box-8 {
  padding-bottom: 0px;
  padding-top: 31px; }
  #box-8 .box-prize {
    margin-top: -20px; }
  #box-8 .box-prize__sponsor--1 {
    width: 172px;
    display: flex;
    flex-direction: column;
    align-items: center;
    left: 27%;
    top: 48%; }
    #box-8 .box-prize__sponsor--1 img {
      width: 128px;
      height: auto; }
  #box-8 .box-prize__sponsor--2 {
    width: 152px; }
  #box-8 .box-prize--img img {
    margin-bottom: 10px;
    margin-right: 13px; }
  #box-8 .box-desc__main {
    padding-top: 72px; }
    #box-8 .box-desc__main-title {
      padding-left: 424px;
      box-sizing: content-box; }
    #box-8 .box-desc__main h2 {
      line-height: 34px; }

#box-9 {
  padding-top: 87px; }
  #box-9 .box-prize {
    margin-top: -20px; }
  #box-9 .box-prize__sponsor--1 {
    width: 172px;
    display: flex;
    flex-direction: column;
    align-items: center;
    left: 27%;
    top: 48%; }
    #box-9 .box-prize__sponsor--1 img {
      width: 128px;
      height: auto; }
  #box-9 .box-prize__sponsor--2 {
    width: 152px; }
  #box-9 .box-desc__main {
    padding-top: 72px; }
    #box-9 .box-desc__main-title {
      padding-left: 424px;
      box-sizing: content-box; }
    #box-9 .box-desc__main h2 {
      line-height: 34px; }
  #box-9::after {
    height: 282px; }

#box-10 {
  padding-top: 30px; }
  #box-10 .box-prize {
    margin-top: -20px; }
    #box-10 .box-prize:hover .box-prize--img img {
      opacity: 1; }
  #box-10 .box-prize__sponsor--1 {
    width: 172px;
    display: flex;
    flex-direction: column;
    align-items: center;
    left: 27%;
    top: 48%; }
    #box-10 .box-prize__sponsor--1 img {
      width: 128px;
      height: auto; }
  #box-10 .box-prize__sponsor--2 {
    width: 152px; }
  #box-10 .box-desc__main {
    padding-top: 72px; }
    #box-10 .box-desc__main-title {
      padding-left: 424px;
      box-sizing: content-box; }
    #box-10 .box-desc__main h2 {
      line-height: 34px; }

.boxShadowHome {
  box-shadow: 0px 25px 27px 0px rgba(0, 0, 0, 0.43); }

.box {
  width: 751px;
  margin: 0 auto; }
  .box-prize {
    float: left;
    margin-top: -39px;
    position: relative; }
    .box-prize__link {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      z-index: 10000;
      border-radius: 50%; }
    .box-prize--img {
      width: 375px;
      height: 375px;
      border-radius: 50%;
      background-color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative;
      z-index: 999;
      transition: all 0.35s; }
      .box-prize--img img {
        transition: all 1.15s; }
    .box-prize__sponsor--1 {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 95%;
      opacity: 0;
      z-index: 10001; }
      .box-prize__sponsor--1::before {
        content: "";
        display: block;
        width: 120%;
        height: 60px;
        top: -13px;
        position: absolute; }
      .box-prize__sponsor--1 img {
        width: 100%;
        height: auto; }
    .box-prize__sponsor--2 {
      position: absolute;
      top: 48.6%;
      transform: translateY(-50%);
      right: 111%;
      transition: all .3s;
      display: none; }
      .box-prize__sponsor--2 img {
        width: 100%;
        height: auto;
        vertical-align: top; }
    .box-prize--text1 {
      font-size: 41px;
      line-height: 42px;
      font-family: "mr_RegisterWideBold", sans-serif;
      text-transform: uppercase;
      color: #bcc2ca; }
    .box-prize--text2 {
      font-size: 16px;
      font-family: "mr_RegisterWideBold", sans-serif;
      text-transform: uppercase;
      color: #bcc2ca; }
    .box-prize::after {
      opacity: 1;
      content: attr(data-content);
      display: block;
      text-align: center;
      color: #fff;
      font-weight: bold;
      width: 110px;
      height: 110px;
      line-height: 101px;
      font-size: 25px;
      position: absolute;
      top: -8px;
      right: -30px;
      background-image: url("../img/icon/prize_icon_1.png");
      background-repeat: no-repeat;
      background-position: center;
      transition: all .5s;
      z-index: 1; }
    .box-prize::before {
      content: attr(data-content);
      display: block;
      text-align: center;
      color: #fff;
      font-weight: bold;
      width: 110px;
      height: 110px;
      line-height: 101px;
      font-size: 25px;
      position: absolute;
      top: -8px;
      right: -30px;
      background-image: url("../img/icon/prize_icon_2.png");
      background-repeat: no-repeat;
      background-position: center;
      transition: all .5s;
      z-index: 1; }
    .box-prize:hover .box-prize--img img {
      transition: none;
      opacity: 0; }
    .box-prize:hover::after {
      opacity: 0;
      will-change: transform;
      transform-origin: center center;
      transition: all .5s;
      z-index: 9999;
      transform: scale(1.12) translateZ(0);
      font-size: 27px; }
    .box-prize:hover::before {
      will-change: transform;
      transform-origin: center center;
      transition: all .5s;
      z-index: 9999;
      transform: scale(1.12) translateZ(0);
      font-size: 27px; }
    .box-prize:hover .box-prize__sponsor--1 {
      opacity: 1; }
    .box-prize:active {
      transition: none;
      transform-origin: center center; }
      .box-prize:active .box-prize--img {
        transition: none;
        transform: scale(1.2); }
      .box-prize:active .prize1 {
        transition: none;
        z-index: 9999; }
      .box-prize:active::before {
        z-index: 9999;
        background-image: url("../img/icon/prize_icon_3.png");
        transform: scale(1.16);
        transition: none;
        font-size: 30px; }
  .box-desc {
    width: 640px;
    margin-left: 155px;
    margin-top: 20px;
    position: relative; }
    .box-desc__mainLink {
      position: absolute;
      top: 0;
      left: 0;
      bottom: 0;
      width: 100%;
      z-index: 9; }
    .box-desc__item {
      width: 100%;
      background-color: #181818;
      position: absolute;
      top: 0;
      left: 0;
      cursor: pointer; }
    .box-desc__head {
      color: #fff;
      font-size: 16px;
      font-weight: 600;
      display: flex;
      align-items: center;
      justify-content: space-between;
      position: relative;
      height: 46px;
      line-height: 46px;
      padding: 0 7px; }
      .box-desc__head--etap {
        font-size: 15px;
        font-family: "ChampagneLimousines", sans-serif;
        font-weight: 300;
        margin-right: 12px; }
      .box-desc__head--final {
        font-size: 20px;
        font-weight: bold;
        text-transform: uppercase;
        color: #798ea8;
        font-family: "mr_RegisterWideBold", sans-serif;
        transition: all 0.3s; }
      .box-desc__head--prizeLink {
        display: none; }
      .box-desc__head p {
        margin-left: 240px; }
      .box-desc__head--sponsor {
        position: relative;
        right: 0;
        bottom: 0;
        height: 34px;
        transition: 0.2s linear;
        transform-origin: bottom left; }
        .box-desc__head--sponsor img {
          height: 34px; }
      .box-desc__head:hover .box-desc__head--sponsor {
        transform-origin: bottom left;
        transform: scale(1.4) translateZ(0);
        transition: transform .3s; }
    .box-desc__more {
      width: 105px;
      height: 105px;
      background-color: #fff;
      display: flex;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      position: absolute;
      bottom: -5px;
      right: -13px;
      font-weight: 600;
      font-size: 18px;
      transition: all .3s;
      z-index: 999;
      cursor: pointer;
      object-fit: scale-down;
      -webkit-backface-visibility: hidden;
      -moz-backface-visibility: hidden;
      -ms-backface-visibility: hidden; }
      .box-desc__more:hover {
        transform: scale(1.2) translateZ(0); }
    .box-desc__main {
      position: relative;
      height: 277px;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      flex-direction: column;
      padding-top: 75px; }
      .box-desc__main table {
        display: none; }
      .box-desc__main:hover .box-desc__more {
        transform: scale(1.27) translateZ(0); }
      .box-desc__main::before {
        content: "";
        position: absolute;
        bottom: 0;
        width: 100%;
        height: 86px;
        background: linear-gradient(to top, #fff, transparent);
        z-index: 1; }
      .box-desc__main::after {
        content: "";
        display: block;
        position: absolute;
        width: 50px;
        height: 45px;
        background-color: #fff;
        bottom: 0;
        right: 0; }
      .box-desc__main-title {
        padding-left: 170px;
        width: 487px;
        z-index: 9; }
      .box-desc__main p {
        color: #fff;
        font-weight: 600;
        font-size: 18px; }
      .box-desc__main h2 {
        font-size: 30px;
        line-height: 29px;
        text-transform: uppercase; }
      .box-desc__main table td {
        padding-left: 7px; }
      .box-desc__main table td:last-child {
        color: #fff; }
      .box-desc__main-titleH2 {
        text-transform: uppercase; }
      .box-desc__main-titleCo10 {
        text-transform: none !important; }
    .box-desc--firstBox {
      margin-top: 14px; }
    .box-desc--secondBox {
      margin-top: 28px; }

.checkboxBlock {
  display: inline-block; }

p[data-tr-table="quntityWork"] {
  display: inline-block;
  color: #798ea8; }

p[data-tr-table="quntityWorkInVoice"] {
  display: inline-block;
  color: #798ea8; }

p[data-tr-table="quntityPencil"] {
  display: inline-block;
  color: #798ea8; }

.info_com {
  display: flex;
  align-items: center;
  justify-content: flex-start; }
  .info_com--icon {
    width: 23px;
    height: 23px;
    background-image: url("../img/icon/info_com.png");
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    margin-right: 6px;
    cursor: pointer; }
  .info_com > p {
    color: #fff;
    font-size: 19px;
    font-weight: bold;
    text-shadow: 0.454px 0.891px 0px black; }

.coDesc-info__item--box3 {
  display: flex;
  align-items: center;
  position: relative; }
  .coDesc-info__item--box3 .slickSlide-info__item--link {
    background-color: #fff !important; }
  .coDesc-info__item--box3 img {
    filter: invert(1); }

.box-main-bg {
  overflow: hidden; }
  .box-main-bg > img {
    position: absolute;
    right: 0;
    height: 100%;
    transition: all 0.5s; }

.box1-main-bg {
  position: absolute;
  top: 0px;
  right: 0;
  width: 640px;
  height: 277px;
  transition: all 0.3s;
  height: 281px;
  background-position-y: 0; }

.box2-main-bg {
  position: absolute;
  top: 0px;
  right: 0;
  width: 640px;
  height: 277px;
  transition: all 0.3s; }

.box3-main-bg {
  position: absolute;
  top: 0px;
  right: 0;
  width: 640px;
  height: 277px;
  background-image: url("../img/bg/bg_main/bg_hover_3.png");
  background-position-x: right;
  background-position-y: -25px;
  transition: all 0.3s;
  background-size: 100% 100%; }

.box4-main-bg {
  position: absolute;
  top: 0px;
  right: 0;
  width: 640px;
  height: 277px;
  background-image: url("../img/bg/bg_main/bg_hover_4.png");
  background-position-x: right;
  background-position-y: -25px;
  transition: all 0.3s; }

.box5-main-bg {
  position: absolute;
  top: 0px;
  right: 0;
  width: 640px;
  height: 277px;
  background-image: url("../img/bg/bg_main/bg_hover_5.png");
  background-position-x: right;
  background-position-y: -25px;
  transition: all 0.3s; }

.box6-main-bg {
  position: absolute;
  top: 0px;
  right: 0;
  width: 640px;
  height: 277px;
  background-image: url("../img/bg/bg_main/bg_hover_6.png");
  background-position-x: right;
  background-position-y: -25px;
  transition: all 0.3s; }

.box7-main-bg {
  position: absolute;
  top: 0px;
  right: 0;
  width: 640px;
  height: 277px;
  background-image: url("../img/bg/bg_main/bg_hover_7.png");
  background-position-x: right;
  background-position-y: -25px;
  transition: all 0.3s; }

.box8-main-bg {
  position: absolute;
  top: 0px;
  right: 0;
  width: 640px;
  height: 277px;
  background-image: url("../img/bg/bg_main/bg_hover_8.png");
  background-position-x: right;
  background-position-y: -25px;
  transition: all 0.3s; }

.box9-main-bg {
  position: absolute;
  top: 0px;
  right: 0;
  width: 640px;
  height: 277px;
  background-image: url("../img/bg/bg_main/bg_hover_9.png");
  background-position-x: right;
  background-position-y: -25px;
  transition: all 0.3s; }

.box10-main-bg {
  position: absolute;
  top: 0px;
  right: 0;
  width: 640px;
  height: 277px;
  background-image: url("../img/bg/bg_main/bg_hover_10.png");
  background-position-x: right;
  background-position-y: -25px;
  transition: all 0.3s; }

.drop_index_padding {
  width: 100%;
  height: 68px;
  background-image: url("../img/bg/mainBg.png");
  background-repeat: repeat;
  background-position-x: 2px; }

.main-filter {
  padding-top: 65px;
  padding-bottom: 63px; }
  .main-filter__wrap {
    width: 844px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: relative; }
    .main-filter__wrap2 {
      width: auto;
      margin: 0 auto; }
  .main-filter__footer {
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-around; }
    .main-filter__footer__item {
      position: relative;
      font-size: 17px;
      font-family: "ChampagneLimousines", sans-serif;
      font-weight: bold;
      display: block;
      padding: 0 20px;
      background-color: #fff;
      color: #798ea8;
      border-radius: 17px;
      text-align: center;
      height: 31px;
      line-height: 31px;
      transition: all 0.3s;
      margin-inline: 20px;
      cursor: pointer; }
      .main-filter__footer__item--active {
        background-color: #798ea8;
        color: #fff;
        box-shadow: none; }
      .main-filter__footer__item:hover {
        background-color: #798ea8;
        color: #fff;
        box-shadow: none; }
  .main-filter__box {
    position: relative; }
    .main-filter__box:hover .main-filter__title {
      display: block; }
  .main-filter__title {
    display: none;
    position: absolute;
    top: 36px;
    right: -10px;
    background-color: #fff;
    padding: 5px 7px 7px 7px;
    border: 1px solid #898989;
    font-size: 14px;
    font-weight: bold;
    color: #798ea8;
    line-height: 14px;
    width: 180px;
    z-index: 10009;
    transition: all .3s;
    box-shadow: 0px 5px 6.51px 0.49px rgba(0, 0, 0, 0.22); }
  .main-filter__item {
    position: relative;
    display: block;
    padding: 3px 0 0 80px;
    color: #798ea8;
    font-family: "ChampagneLimousines", sans-serif;
    font-size: 14px;
    cursor: pointer; }
    .main-filter__item--active {
      background-color: #798ea8;
      color: #fff;
      box-shadow: none; }

.main-filter1 {
  padding-top: 77px !important;
  padding-bottom: 90px !important; }

.wrap_firstBox {
  position: relative; }

.about {
  overflow-x: hidden !important; }
  .about-content__title h1 {
    font-size: 47.9px;
    font-weight: bold;
    color: #1550c3;
    text-shadow: 3px 3.5px 2.5px rgba(0, 0, 0, 0.22);
    -webkit-text-stroke-width: 1px;
    -webkit-text-stroke-color: #fff; }
  .about-logo {
    position: fixed;
    top: 0;
    left: 0; }
  .about-title {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 96px;
    background-color: #e9d1ff; }
    .about-title h1 {
      font-family: 'mr_RegisterWideBold';
      text-transform: uppercase;
      font-size: 47.9px;
      line-height: 1.2;
      font-weight: 600;
      color: #fff; }
  .about-pencilBlog {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 516px;
    background: url("../img/bg/aboutUs_bg.png") no-repeat center/cover;
    top: 0;
    left: 0;
    position: sticky;
    width: 100vw;
    overflow: hidden; }
    .about-pencilBlog-logo {
      position: relative;
      width: 392px;
      height: 392px;
      border-radius: 50%;
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      cursor: pointer;
      padding-bottom: 15px;
      transition: transform 5s; }
      .about-pencilBlog-logo__round {
        width: 392px;
        height: 392px;
        top: 0;
        border-radius: 50%;
        position: absolute;
        background-color: white;
        box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.2);
        transition: transform 0.35s;
        z-index: -1; }
      .about-pencilBlog-logo img {
        width: 330px;
        height: 210px;
        transition: all 1.15s; }
      .about-pencilBlog-logo__logo {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        transition: all 1.15s;
        padding-bottom: 20px; }
      .about-pencilBlog-logo:hover .about-pencilBlog-logo__logo {
        transform: scale(1.3); }
      .about-pencilBlog-logo:hover .about-pencilBlog-logo__round {
        transform: scale(1.27); }
  .about-buttons-footer {
    margin-top: 0px !important;
    height: 100%;
    width: 870px !important;
    display: flex;
    align-items: center; }
  .about-content {
    margin-bottom: 618px;
    width: 100vw !important; }
  .about-art {
    background-image: url(../img/bg/mainBg.png);
    background-repeat: repeat;
    background-position-x: -4px;
    position: relative; }
    .about-art__title {
      box-shadow: 0px -20px 20px 0px rgba(0, 0, 0, 0.2); }
    .about-art__content {
      margin: 0 auto;
      width: 1230px;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      align-items: center; }
      .about-art__content-title {
        margin-bottom: 34px;
        height: 64px;
        padding: 0 23px;
        text-transform: uppercase;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 36.5px;
        background-color: #fff; }
        .about-art__content-title h1 {
          margin-bottom: 7px; }
      .about-art__content-main {
        width: 721px;
        height: 216px;
        border-radius: 10px;
        margin-bottom: 118px;
        background-color: #fff;
        padding: 20px 20px 0 30px; }
        .about-art__content-main li {
          list-style: disc;
          margin-bottom: 23px;
          font-size: 17px;
          font-weight: bold; }
        .about-art__content-main .under {
          text-decoration: underline; }
  .about-competition {
    background-color: #fff;
    position: relative; }
    .about-competition-tooltip, .about-competition-tooltip-2 {
      visibility: hidden;
      position: absolute;
      background-color: #fff;
      border: 1px solid #798ea8;
      font-size: 14px;
      font-weight: bold;
      color: #798ea8;
      text-align: left;
      padding: 6px 6px;
      transition: opacity 0.5s;
      box-shadow: 0px 5px 6.51px 0.49px rgba(0, 0, 0, 0.22);
      width: 150px;
      height: auto;
      top: 85px; }
      .about-competition-tooltip, .about-competition-tooltip-2 {
        top: 70px !important; }
      .about-competition-tooltip-2, .about-competition-tooltip-2-2 {
        top: 50% !important;
        left: 23%; }
    .about-competition__content {
      margin: 0 auto;
      width: 1230px;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      align-items: center; }
      .about-competition__content-title {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 359px;
        margin-top: 80px;
        border-radius: 36.5px;
        text-align: center;
        position: relative; }
        .about-competition__content-title a:hover + .about-competition-tooltip {
          visibility: visible; }
      .about-competition__content-main {
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin: 0 auto;
        width: 1230px;
        height: 300px;
        margin-top: 50px;
        margin-bottom: 90px; }
      .about-competition__content-left {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        border-radius: 10px;
        width: 495px;
        font-size: 17px;
        font-family: "ChampagneLimousines", sans-serif;
        font-weight: 600;
        color: black;
        line-height: 1.176;
        margin-top: 24px; }
        .about-competition__content-left p {
          margin-bottom: 26px; }
        .about-competition__content-left li {
          list-style: disc;
          margin-left: 17px; }
        .about-competition__content-left_li {
          margin-bottom: 23px; }
        .about-competition__content-left--title {
          text-decoration: underline; }
      .about-competition__content-right--buttons {
        width: 517px;
        margin-left: 13px;
        margin-top: 5px;
        margin-bottom: 80px;
        display: flex;
        justify-content: space-around;
        text-align: center;
        transition-duration: .3s; }
        .about-competition__content-right--buttons p {
          font-family: "ChampagneLimousines", sans-serif;
          font-size: 17px;
          font-weight: 600;
          color: #798ea8; }
        .about-competition__content-right--buttons_notAct {
          color: #798ea8;
          background-color: #fff;
          box-shadow: 1.847px 2.364px 7.83px 1.17px rgba(108, 106, 106, 0.25); }
          .about-competition__content-right--buttons_notAct:hover {
            background-color: #798ea8;
            box-shadow: none; }
            .about-competition__content-right--buttons_notAct:hover p {
              color: #fff; }
      .about-competition__content-right--img {
        margin-top: 55px; }
        .about-competition__content-right--img a:hover + .about-competition-tooltip-2 {
          visibility: visible; }
      .about-competition__content-right--button {
        display: flex;
        align-items: center;
        height: 31px;
        cursor: pointer;
        transition-duration: .3s;
        border-radius: 23px;
        padding-left: 20px;
        padding-right: 20px; }
  .about-geniarium {
    background-color: #fff;
    position: relative; }
    .about-geniarium-tooltip, .about-geniarium-tooltip-2 {
      visibility: hidden;
      position: absolute;
      background-color: #fff;
      border: 1px solid #798ea8;
      font-size: 14px;
      font-weight: bold;
      color: #798ea8;
      text-align: left;
      padding: 6px 6px;
      transition: opacity 0.5s;
      box-shadow: 0px 5px 6.51px 0.49px rgba(0, 0, 0, 0.22);
      width: 150px;
      height: auto;
      top: 85px; }
      .about-geniarium-tooltip, .about-geniarium-tooltip-2 {
        top: 78px !important; }
      .about-geniarium-tooltip-2, .about-geniarium-tooltip-2-2 {
        top: 50% !important;
        right: 22%; }
    .about-geniarium__content {
      margin: 0 auto;
      width: 1230px;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      align-items: center; }
      .about-geniarium__content-title {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 359px;
        height: 73px;
        text-align: center;
        margin-top: 80px;
        margin-bottom: 50px;
        position: relative; }
        .about-geniarium__content-title a:hover + .about-geniarium-tooltip {
          visibility: visible; }
      .about-geniarium__content-main {
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin: 0 auto;
        width: 1230px;
        height: 343px;
        margin-bottom: 90px; }
      .about-geniarium__content-right {
        width: 581px;
        font-size: 17px;
        font-family: "ChampagneLimousines", sans-serif;
        font-weight: 600;
        color: black;
        line-height: 1.176;
        border-radius: 10px;
        margin-bottom: 55px; }
        .about-geniarium__content-right li {
          list-style: disc;
          margin-left: 17px; }
        .about-geniarium__content-right p {
          margin-bottom: 26px; }
      .about-geniarium__content-left--buttons {
        width: 370px;
        margin-left: 53px;
        margin-top: 5px;
        margin-bottom: 80px;
        display: flex;
        justify-content: space-around;
        text-align: center;
        transition-duration: .3s; }
        .about-geniarium__content-left--buttons p {
          font-family: "ChampagneLimousines", sans-serif;
          font-size: 17px;
          font-weight: 600;
          color: #798ea8; }
        .about-geniarium__content-left--buttons_notAct {
          color: #798ea8;
          background-color: #fff;
          box-shadow: 1.847px 2.364px 7.83px 1.17px rgba(108, 106, 106, 0.25); }
          .about-geniarium__content-left--buttons_notAct:hover {
            background-color: #798ea8;
            box-shadow: none; }
            .about-geniarium__content-left--buttons_notAct:hover p {
              color: #fff; }
      .about-geniarium__content-left--img {
        margin-top: 80px; }
        .about-geniarium__content-left--img a:hover + .about-geniarium-tooltip-2 {
          visibility: visible; }
      .about-geniarium__content-left--button {
        display: flex;
        align-items: center;
        height: 31px;
        cursor: pointer;
        transition-duration: .3s;
        border-radius: 23px;
        padding-left: 20px;
        padding-right: 20px; }
  .about-workshop {
    background-color: #fff;
    position: relative; }
    .about-workshop-tooltip, .about-workshop-tooltip-2 {
      visibility: hidden;
      position: absolute;
      background-color: #fff;
      border: 1px solid #798ea8;
      font-size: 14px;
      font-weight: bold;
      color: #798ea8;
      text-align: left;
      padding: 6px 6px;
      transition: opacity 0.5s;
      box-shadow: 0px 5px 6.51px 0.49px rgba(0, 0, 0, 0.22);
      width: 150px;
      height: auto;
      top: 85px; }
      .about-workshop-tooltip, .about-workshop-tooltip-2 {
        top: 70px !important; }
      .about-workshop-tooltip-2, .about-workshop-tooltip-2-2 {
        top: 50% !important;
        left: 23%; }
    .about-workshop__content {
      margin: 0 auto;
      width: 1230px;
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      align-items: center; }
      .about-workshop__content-title {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 359px;
        height: 73px;
        border-radius: 36.5px;
        text-align: center;
        margin-top: 80px;
        margin-bottom: 50px;
        position: relative; }
        .about-workshop__content-title a:hover + .about-workshop-tooltip {
          visibility: visible; }
      .about-workshop__content-main {
        display: flex;
        justify-content: space-around;
        align-items: center;
        margin: 0 auto;
        width: 1230px;
        margin-bottom: 90px;
        height: 330px; }
      .about-workshop__content-right {
        width: 581px;
        height: 330px; }
        .about-workshop__content-right--img {
          padding-left: 29px; }
          .about-workshop__content-right--img a:hover + .about-workshop-tooltip-2 {
            visibility: visible; }
        .about-workshop__content-right--buttons {
          width: 417px;
          margin-left: auto;
          margin-right: auto;
          margin-top: 25px;
          margin-bottom: 80px;
          display: flex;
          justify-content: space-around;
          text-align: center;
          transition-duration: .3s; }
          .about-workshop__content-right--buttons p {
            font-family: "ChampagneLimousines", sans-serif;
            font-size: 17px;
            font-weight: 600;
            color: #798ea8; }
          .about-workshop__content-right--buttons_notAct {
            color: #798ea8;
            background-color: #fff;
            box-shadow: 1.847px 2.364px 7.83px 1.17px rgba(108, 106, 106, 0.25); }
            .about-workshop__content-right--buttons_notAct:hover {
              background-color: #798ea8;
              box-shadow: none; }
              .about-workshop__content-right--buttons_notAct:hover p {
                color: #fff; }
        .about-workshop__content-right--button {
          display: flex;
          align-items: center;
          height: 31px;
          cursor: pointer;
          transition-duration: .3s;
          border-radius: 23px;
          padding-left: 20px;
          padding-right: 20px; }
      .about-workshop__content-left {
        display: flex;
        flex-direction: column;
        justify-content: space-around;
        width: 485px;
        font-size: 17px;
        font-family: "ChampagneLimousines", sans-serif;
        font-weight: 600;
        color: black;
        line-height: 1.176;
        border-radius: 10px; }
        .about-workshop__content-left li {
          list-style: disc;
          margin-left: 17px; }
        .about-workshop__content-left p {
          margin-bottom: 26px; }
  .about-prew-bg-footer {
    background-color: #fff;
    position: relative; }
    .about-prew-bg-footer__about {
      background-position-x: -5px !important; }
  .about-prew-bg-header {
    box-shadow: 0px -17px 24px 0px rgba(0, 0, 0, 0.19);
    background-color: #fff;
    position: relative; }
    .about-prew-bg-header__about {
      height: 155px !important; }
    .about-prew-bg-header__buttons {
      margin-top: -7px !important; }
  .about-team__title {
    box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.2); }
  .about-desc__arrow {
    display: none;
    position: fixed;
    right: 10%;
    top: 75%;
    cursor: pointer;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background-color: rgba(204, 204, 204, 0.15);
    transition: all 0.3s; }
    .about-desc__arrow:hover {
      background-color: rgba(204, 204, 204, 0.4); }
    .about-desc__arrow img {
      transform: rotate(-90deg); }
  .about-footer {
    position: fixed;
    z-index: -10;
    bottom: 0;
    right: 0; }
    .about-footer-content {
      height: 470px;
      background-image: url(../img/bg/mainBg.png);
      background-repeat: repeat;
      background-position-x: -4px; }
      .about-footer-content__main {
        display: flex;
        margin: 0 auto;
        align-items: center;
        justify-content: space-between;
        width: 1250px;
        height: 374px; }
        .about-footer-content__main--user {
          display: flex;
          flex-direction: column;
          align-items: center;
          justify-content: space-around;
          width: 212px;
          height: 216px;
          margin-bottom: 10px;
          transition: all 0.3s; }
          .about-footer-content__main--user-text {
            width: 211px;
            height: 53px;
            text-align: center;
            border-radius: 23px;
            background-color: #fff;
            display: flex;
            flex-direction: column;
            justify-content: center;
            cursor: pointer;
            transition: all 0.3s;
            box-shadow: 1.847px 2.364px 7.83px 1.17px rgba(108, 106, 106, 0.25); }
            .about-footer-content__main--user-text:hover {
              background-color: #798ea8;
              color: #fff !important;
              box-shadow: none; }
              .about-footer-content__main--user-text:hover h2 {
                color: #fff; }
            .about-footer-content__main--user-text_hover {
              background-color: #798ea8;
              color: #fff !important;
              box-shadow: none; }
              .about-footer-content__main--user-text_hover h2 {
                color: #fff !important; }
          .about-footer-content__main--user h2 {
            font-weight: 800;
            font-size: 19.71px;
            color: black;
            transition: all 0.3s; }
          .about-footer-content__main--user p {
            font-size: 13.65px;
            font-weight: bold; }
          .about-footer-content__main--user-img {
            border: 5px solid #fff;
            width: 140px;
            height: 140px;
            border-radius: 50%;
            transition: all 0.3s; }
          .about-footer-content__main--user-img1 {
            background: url(../img/geniarium/avatar/a9/avatar_d.png);
            background-size: cover; }
          .about-footer-content__main--user-img2 {
            background: url(../img/geniarium/avatar/a4/avatar_d.png);
            background-size: cover; }
          .about-footer-content__main--user-img3 {
            background: url(../img/geniarium/avatar/a5/avatar_d.png);
            background-size: cover; }
          .about-footer-content__main--user-img4 {
            background: url(../img/geniarium/avatar/a7/avatar_d.png);
            background-size: cover; }
            .about-footer-content__main--user-img4:hover {
              background: url(../img/geniarium/avatar/a7/avatar_h.png);
              background-size: cover; }
          .about-footer-content__main--user-img5 {
            background: url(../img/geniarium/avatar/a3/avatar_d.png);
            background-size: cover; }
            .about-footer-content__main--user-img5:hover {
              background: url(../img/geniarium/avatar/a3/avatar_h.png);
              background-size: cover; }

.aboutcomp {
  background-color: #fff; }
  .aboutcomp-title {
    padding-top: 87px;
    margin: 0 auto;
    width: 100%;
    text-align: center; }
    .aboutcomp-title h1 {
      font-family: "ChampagneLimousines", sans-serif;
      font-weight: 600;
      font-size: 55px;
      color: #1550c3;
      text-shadow: 3px 3.5px 2.5px rgba(0, 0, 0, 0.2);
      -webkit-text-stroke-width: 1.5px;
      -webkit-text-stroke-color: #fff; }
    .aboutcomp-title a {
      width: 364px;
      height: 34px;
      background: #fff;
      border-radius: 23px;
      font-size: 17px;
      font-weight: bold;
      box-shadow: 4px 4px 11px 0px rgba(34, 60, 80, 0.2);
      display: flex;
      align-items: center;
      justify-content: center;
      transition: all 0.3s; }
      .aboutcomp-title a:hover {
        color: #fff;
        background-color: #798ea8; }
  .aboutcomp-item2 {
    font-size: 16px;
    margin-bottom: 15px; }
  .aboutcomp-desc {
    margin-top: 0px !important; }
    .aboutcomp-desc p {
      margin: 30px 0 5px; }
    .aboutcomp-desc__item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%; }
      .aboutcomp-desc__item--img {
        display: flex;
        align-items: center;
        justify-content: flex-start; }
        .aboutcomp-desc__item--img img {
          width: 49px;
          height: auto;
          margin-right: 10px; }
      .aboutcomp-desc__item--date {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        margin-right: 35px;
        font-weight: 600;
        font-size: 10px; }
    .aboutcomp-desc__menu {
      font-family: "Arial", sans-serif;
      color: #000;
      padding-left: 30px; }
      .aboutcomp-desc__menu h3 {
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        font-size: 28px;
        margin: 5px 0px 50px 0; }
      .aboutcomp-desc__menu a {
        font-family: "Arial", sans-serif;
        font-weight: bold;
        color: #000;
        transition: all 0.3s;
        display: inline-block;
        position: relative; }
        .aboutcomp-desc__menu a:after {
          content: "";
          display: block;
          width: 0%;
          position: absolute;
          bottom: -4px;
          left: 50%;
          transform: translateX(-50%);
          height: 1px;
          background-color: #798ea8; }
        .aboutcomp-desc__menu a:hover {
          color: #798ea8; }
          .aboutcomp-desc__menu a:hover:after {
            animation: linkAnim 0.5s forwards; }
      .aboutcomp-desc__menu-1 {
        line-height: 2; }
        .aboutcomp-desc__menu-1 a {
          font-size: 16px;
          text-transform: uppercase; }
      .aboutcomp-desc__menu-2 {
        margin-left: 35px;
        line-height: 1.5; }
        .aboutcomp-desc__menu-2 a {
          font-size: 16px;
          text-transform: none; }
        .aboutcomp-desc__menu-2--li {
          margin-bottom: 2px; }
    .aboutcomp-desc__content {
      margin-top: 35px;
      color: #000;
      font-family: "Arial", sans-serif; }
      .aboutcomp-desc__content p {
        text-indent: 0;
        font-size: 16px;
        line-height: 22px; }
      .aboutcomp-desc__content .boldUnderline {
        font-weight: bold;
        text-decoration: underline;
        position: relative; }
        .aboutcomp-desc__content .boldUnderline span {
          position: absolute;
          top: -50px; }
      .aboutcomp-desc__content h3 {
        font-weight: bold;
        text-transform: uppercase;
        text-align: center;
        font-size: 28px;
        margin: 50px 0;
        position: relative; }
        .aboutcomp-desc__content h3 span {
          position: absolute;
          top: -50px; }
      .aboutcomp-desc__content1 > p {
        margin: 20px 0; }
      .aboutcomp-desc__content2 {
        font-size: 16px; }
        .aboutcomp-desc__content2--item {
          margin-left: 40px;
          display: flex;
          align-items: flex-start;
          justify-content: flex-start;
          line-height: 22px; }
          .aboutcomp-desc__content2--item li {
            list-style: disc; }
      .aboutcomp-desc__content3--item {
        margin-left: 40px;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        line-height: 22px; }
        .aboutcomp-desc__content3--item li {
          list-style: disc; }
          .aboutcomp-desc__content3--item li li {
            list-style: circle;
            margin-left: 40px; }
      .aboutcomp-desc__content3--subparagraph {
        display: flex;
        margin-left: 80px;
        line-height: 20px; }
      .aboutcomp-desc__content3 > p {
        margin: 30px 0 5px; }
      .aboutcomp-desc__content6 > p {
        margin: 30px 0 5px; }
      .aboutcomp-desc__content .about-item1 {
        min-width: 25px; }
      .aboutcomp-desc__content .about-item3 {
        min-width: 25px; }

.aboutTerms-title {
  padding-top: 87px;
  margin: 0 auto;
  text-align: center;
  align-items: center;
  width: 100%; }
  .aboutTerms-title h1 {
    width: 100%;
    font-family: "ChampagneLimousines", sans-serif;
    font-weight: 600;
    font-size: 55px;
    color: #1550c3;
    text-shadow: 3px 3.5px 2.5px rgba(0, 0, 0, 0.2);
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #fff; }
  .aboutTerms-title a {
    width: 364px;
    height: 34px;
    background: #fff;
    border-radius: 23px;
    font-size: 17px;
    font-weight: bold;
    box-shadow: 4px 4px 11px 0px rgba(34, 60, 80, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s; }
    .aboutTerms-title a:hover {
      color: #fff;
      background-color: #798ea8; }
.aboutTerms-item2 {
  font-size: 16px;
  margin-bottom: 15px; }
  .aboutTerms-item2 span {
    text-decoration: underline; }
.aboutTerms-desc {
  margin-bottom: 0 !important;
  padding-bottom: 119px;
  margin-top: 0px !important; }
  .aboutTerms-desc p {
    margin: 30px 0 5px; }
  .aboutTerms-desc__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%; }
    .aboutTerms-desc__item--img {
      display: flex;
      align-items: center;
      justify-content: flex-start; }
      .aboutTerms-desc__item--img img {
        width: 49px;
        height: auto;
        margin-right: 10px; }
    .aboutTerms-desc__item--date {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      margin-right: 35px;
      font-weight: 600;
      font-size: 10px; }
  .aboutTerms-desc__menu {
    font-family: "Arial", sans-serif;
    color: #000;
    padding-left: 30px; }
    .aboutTerms-desc__menu h3 {
      font-weight: bold;
      text-transform: uppercase;
      text-align: center;
      font-size: 28px;
      margin: 5px 0px 50px 0; }
    .aboutTerms-desc__menu a {
      font-family: "Arial", sans-serif;
      font-weight: bold;
      color: #000;
      transition: all 0.3s;
      display: inline-block;
      position: relative; }
      .aboutTerms-desc__menu a:after {
        content: "";
        display: block;
        width: 0%;
        position: absolute;
        bottom: -4px;
        left: 50%;
        transform: translateX(-50%);
        height: 1px;
        background-color: #798ea8; }
      .aboutTerms-desc__menu a:hover {
        color: #798ea8; }
        .aboutTerms-desc__menu a:hover:after {
          animation: linkAnim 0.5s forwards; }
    .aboutTerms-desc__menu-1 {
      line-height: 2; }
      .aboutTerms-desc__menu-1 a {
        font-size: 16px;
        text-transform: uppercase; }
    .aboutTerms-desc__menu-2 {
      margin-left: 35px;
      line-height: 1.5; }
      .aboutTerms-desc__menu-2 a {
        font-size: 16px;
        text-transform: none; }
      .aboutTerms-desc__menu-2--li {
        margin-bottom: 2px; }
  .aboutTerms-desc__content {
    margin-top: 35px;
    color: #000;
    font-family: "Arial", sans-serif; }
    .aboutTerms-desc__content p {
      text-indent: 0;
      font-size: 16px;
      line-height: 22px; }
    .aboutTerms-desc__content .boldUnderline {
      font-weight: bold;
      text-decoration: underline; }
    .aboutTerms-desc__content h3 {
      font-weight: bold;
      text-transform: uppercase;
      text-align: center;
      font-size: 16px;
      margin: 60px 0 20px 0;
      position: relative; }
      .aboutTerms-desc__content h3 span {
        position: absolute;
        top: -50px; }
    .aboutTerms-desc__content3--item {
      margin-left: 40px;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      line-height: 22px; }
      .aboutTerms-desc__content3--item li {
        list-style: disc; }
        .aboutTerms-desc__content3--item li li {
          list-style: circle;
          margin-left: 40px; }
    .aboutTerms-desc__content3--subparagraph {
      display: flex;
      margin-left: 80px;
      line-height: 20px; }
    .aboutTerms-desc__content3 > p {
      margin: 30px 0 5px; }
    .aboutTerms-desc__content .about-item1 {
      min-width: 25px; }
    .aboutTerms-desc__content .about-item3 {
      min-width: 25px; }

.help h3:focus {
  border: none !important;
  outline: none !important; }
.help .ui-state-active {
  border: none;
  color: #798ea8;
  font-weight: 600;
  font-size: 20px;
  border-radius: 0px;
  font-family: "ChampagneLimousines", sans-serif; }
.help .ui-state-default {
  background-color: #fff;
  border: none;
  color: #000;
  font-weight: 600;
  font-size: 18px;
  border-radius: 0px;
  font-family: Arial, Helvetica, sans-serif;
  padding: 10px 50px 10px 22px; }
  .help .ui-state-default:hover {
    background-color: #e7ebef; }
.help .ui-widget-content {
  background-color: #fff;
  color: #000;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  padding: 16px 70px 20px 40px;
  width: 100%;
  border: none; }
.help .ui-icon, .help .ui-widget-content .ui-icon {
  background-image: url("../img/icon/arrowaccordion.png");
  background-position: center;
  z-index: 99;
  width: 22px;
  height: 22px;
  box-shadow: 4px 4px 11px 0px rgba(34, 60, 80, 0.2);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  translate: transformY(-50%);
  right: 8px;
  top: 14px; }
.help .ui-state-active .ui-icon {
  transform: rotate(180deg);
  box-shadow: -4px -4px 11px 0px rgba(34, 60, 80, 0.2); }
.help-title {
  text-align: center;
  margin-left: auto;
  margin-right: auto; }
  .help-title h1 {
    font-family: "ChampagneLimousines", sans-serif;
    font-weight: 600;
    font-size: 55px;
    color: #1550c3;
    text-shadow: 3px 3.5px 2.5px rgba(0, 0, 0, 0.2);
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #fff; }
.help-about {
  padding-top: 87px; }
.help-buttons {
  margin: 0 auto;
  display: flex;
  justify-content: space-around;
  text-align: center;
  align-items: center;
  color: #798ea8; }
  .help-buttons p {
    font-family: "ChampagneLimousines", sans-serif;
    font-size: 17px;
    font-weight: 600; }
  .help-buttons_active {
    background-color: #798ea8;
    color: #fff;
    box-shadow: none; }
  .help-buttons_notAct {
    color: #798ea8;
    background-color: #fff;
    box-shadow: 1.847px 2.364px 7.83px 1.17px rgba(108, 106, 106, 0.25); }
    .help-buttons_notAct:hover {
      background-color: #798ea8;
      color: #fff;
      box-shadow: none; }
.help-button {
  display: flex;
  align-items: center;
  height: 31px;
  cursor: pointer;
  transition-duration: .3s;
  border-radius: 23px;
  padding: 0 20px;
  margin: 0 20px;
  width: auto; }
.help-list {
  margin: 13px 10px 0px 0px; }
  .help-list li {
    list-style: disc; }

.help-about-desc {
  margin-top: 22px !important;
  width: 830px !important; }
  .help-about-desc__btn {
    font-size: 17px !important;
    padding: 10px 25px !important; }
  .help-about-desc__text {
    padding-top: 10px !important;
    padding-bottom: 10px !important; }
    .help-about-desc__text li {
      margin-bottom: 15px; }
    .help-about-desc__text-disc li {
      list-style: disc; }
    .help-about-desc__text-circle {
      margin-left: 15px; }
      .help-about-desc__text-circle li {
        list-style: circle; }

.about-desc-box {
  width: 100%;
  display: flex;
  justify-content: center !important;
  margin-top: 31px; }

.about-desc__btn {
  margin: 15px 0;
  padding: 12px 30px;
  color: #fff;
  background: #798ea8;
  border-radius: 23px;
  font-weight: bold;
  font-family: "ChampagneLimousines", sans-serif;
  letter-spacing: 1px;
  transition-duration: .3s;
  border: 1px solid #798ea8;
  cursor: pointer; }
  .about-desc__btn:hover {
    background-color: #fff;
    color: #798ea8;
    border: 1px solid #798ea8; }

.help-btn {
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center; }

.pre-bg-footer__btnBack {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  width: 203px;
  height: 47px;
  border-radius: 23px;
  color: #798ea8;
  background-color: #fff;
  box-shadow: 1.847px 2.364px 7.83px 1.17px rgba(108, 106, 106, 0.25);
  cursor: pointer;
  transition-duration: .2s; }
  .pre-bg-footer__btnBack div {
    background: url("../img/icon/arrowSlick.png");
    width: 9px;
    height: 12px; }
  .pre-bg-footer__btnBack:hover {
    background-color: #798ea8;
    color: #fff;
    box-shadow: none; }
    .pre-bg-footer__btnBack:hover div {
      background: url("../img/icon/arrowSlickH.png") center/cover; }
  .pre-bg-footer__btnBack p {
    font-size: 17px;
    font-family: "ChampagneLimousines", sans-serif;
    font-weight: 600;
    margin-left: 20px; }

.coDesc-item__desc--block > p {
  margin-left: 48px; }

.coHeader {
  background-image: url("../img/bg/bg_co1_head.png");
  background-repeat: repeat;
  padding: 46px 0 30px;
  color: #fff;
  z-index: 9;
  min-height: 255px;
  position: relative;
  top: 0;
  left: 0;
  width: 100vw;
  overflow: hidden;
  background-size: 100% 100%;
  background-position: top; }
  .coHeader .info_com {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
  .coHeader-main {
    margin: -1px 0 0;
    background-color: #fff;
    z-index: 9; }
  .coHeader-sponsor-head {
    transition: all 0.3s; }
  .coHeader-title--sponsor {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 8px; }
    .coHeader-title--sponsor > a {
      margin-right: 8px; }
      .coHeader-title--sponsor > a > img {
        vertical-align: top; }
    .coHeader-title--sponsor > p {
      font-size: 12px;
      font-weight: 300;
      font-family: "Montserrat", sans-serif;
      text-transform: uppercase;
      line-height: 11px;
      letter-spacing: 0.1px; }
    .coHeader-title--sponsor-co1 {
      height: 25px; }

.coHeader_2 {
  background-image: url("../img/bg/bg_co2_head_hover.png");
  background-repeat: repeat;
  padding: 46px 0 30px;
  color: #fff;
  z-index: 9;
  min-height: 189px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  overflow: hidden;
  background-size: cover;
  background-position: center; }
  .coHeader_2 .info_com {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
  .coHeader_2-main {
    margin: 189px 0 459px;
    background-color: #fff;
    z-index: 9; }
  .coHeader_2_bg {
    background-image: url("../img/bg/bg_co2_head.png");
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: all 0.5s; }
  .coHeader_2:hover {
    transform: all 0.5s; }
    .coHeader_2:hover .coHeader_2_bg {
      opacity: 0; }

.coHeader_3 {
  background-image: url("../img/bg/bg_co3_head_hover.png");
  background-repeat: repeat;
  padding: 46px 0 30px;
  color: #fff;
  z-index: 9;
  min-height: 189px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  overflow: hidden;
  background-size: cover;
  background-position: center; }
  .coHeader_3 .info_com {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
  .coHeader_3-main {
    margin: 189px 0 459px;
    background-color: #fff;
    z-index: 9; }
  .coHeader_3_bg {
    background-image: url("../img/bg/bg_co3_head.png");
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: all 0.5s; }
  .coHeader_3:hover {
    transform: all 0.5s; }
    .coHeader_3:hover .coHeader_3_bg {
      opacity: 0; }

.coHeader_4 {
  background-image: url("../img/bg/bg_co4_head_hover.png");
  background-repeat: repeat;
  padding: 46px 0 30px;
  color: #fff;
  z-index: 9;
  min-height: 189px;
  width: 100vw;
  overflow: hidden;
  background-size: cover;
  background-position: center; }
  .coHeader_4 .info_com {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
  .coHeader_4-main {
    margin: 189px 0 459px;
    background-color: #fff;
    z-index: 9; }
  .coHeader_4_bg {
    background-image: url("../img/bg/bg_co4_head.png");
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: all 0.5s; }
  .coHeader_4-title {
    bottom: 34px !important; }
  .coHeader_4:hover {
    transform: all 0.5s; }
    .coHeader_4:hover .coHeader_4_bg {
      opacity: 0; }

.coHeader_5 {
  background-image: url("../img/bg/bg_co5_head_hover.png");
  background-repeat: repeat;
  padding: 46px 0 30px;
  color: #fff;
  z-index: 9;
  min-height: 189px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  overflow: hidden;
  background-size: cover;
  background-position: center; }
  .coHeader_5 .info_com {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
  .coHeader_5-main {
    margin: 189px 0 459px;
    background-color: #fff;
    z-index: 9; }
  .coHeader_5_bg {
    background-image: url("../img/bg/bg_co5_head.png");
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: all 0.5s; }
  .coHeader_5:hover {
    transform: all 0.5s; }
    .coHeader_5:hover .coHeader_5_bg {
      opacity: 0; }

.coHeader_6 {
  background-image: url("../img/bg/bg_co6_head_hover.png");
  background-repeat: repeat;
  padding: 46px 0 30px;
  color: #fff;
  z-index: 9;
  min-height: 189px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  overflow: hidden;
  background-size: cover;
  background-position: center; }
  .coHeader_6 .info_com {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
  .coHeader_6-main {
    margin: 189px 0 459px;
    background-color: #fff;
    z-index: 9; }
  .coHeader_6_bg {
    background-image: url("../img/bg/bg_co6_head.png");
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: all 0.5s; }
  .coHeader_6:hover {
    transform: all 0.5s; }
    .coHeader_6:hover .coHeader_6_bg {
      opacity: 0; }
  .coHeader_6-sponsor-head img {
    vertical-align: top;
    height: auto;
    width: 164px; }

.coHeader_7 {
  background-image: url("../img/bg/bg_co7_head_hover.png");
  background-repeat: repeat;
  padding: 46px 0 30px;
  color: #fff;
  z-index: 9;
  min-height: 189px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  overflow: hidden;
  background-size: cover;
  background-position: center; }
  .coHeader_7 .info_com {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
  .coHeader_7-main {
    margin: 189px 0 459px;
    background-color: #fff;
    z-index: 9; }
  .coHeader_7_bg {
    background-image: url("../img/bg/bg_co7_head.png");
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: all 0.5s; }
  .coHeader_7:hover {
    transform: all 0.5s; }
    .coHeader_7:hover .coHeader_7_bg {
      opacity: 0; }

.coHeader_8 {
  background-image: url("../img/bg/bg_co8_head_hover.png");
  background-repeat: repeat;
  padding: 46px 0 30px;
  color: #fff;
  z-index: 9;
  min-height: 189px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  overflow: hidden;
  background-size: cover;
  background-position: center; }
  .coHeader_8 .info_com {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
  .coHeader_8-main {
    margin: 189px 0 459px;
    background-color: #fff;
    z-index: 9; }
  .coHeader_8_bg {
    background-image: url("../img/bg/bg_co8_head.png");
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: all 0.5s; }
  .coHeader_8:hover {
    transform: all 0.5s; }
    .coHeader_8:hover .coHeader_8_bg {
      opacity: 0; }

.coHeader_9 {
  background-image: url("../img/bg/bg_co9_head_hover.png");
  background-repeat: repeat;
  padding: 46px 0 30px;
  color: #fff;
  z-index: 9;
  min-height: 189px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  overflow: hidden;
  background-size: cover;
  background-position: center; }
  .coHeader_9 .info_com {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
  .coHeader_9-main {
    margin: 189px 0 459px;
    background-color: #fff;
    z-index: 9; }
  .coHeader_9_bg {
    background-image: url("../img/bg/bg_co9_head.png");
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: all 0.5s; }
  .coHeader_9:hover {
    transform: all 0.5s; }
    .coHeader_9:hover .coHeader_9_bg {
      opacity: 0; }

.coHeader_10 {
  background-image: url("../img/bg/bg_co10_head_hover.png");
  background-repeat: repeat;
  padding: 46px 0 30px;
  color: #fff;
  z-index: 9;
  min-height: 189px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  overflow: hidden;
  background-size: cover;
  background-position: center; }
  .coHeader_10 .info_com {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
  .coHeader_10-main {
    margin: 189px 0 459px;
    background-color: #fff;
    z-index: 9; }
  .coHeader_10_bg {
    background-image: url("../img/bg/bg_co10_head.png");
    background-size: cover;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 1;
    transition: all 0.5s; }
  .coHeader_10:hover {
    transform: all 0.5s; }
    .coHeader_10:hover .coHeader_10_bg {
      opacity: 0; }

.coDesc-item__desc {
  width: 745px; }
  .coDesc-item__desc1 {
    display: none; }
  .coDesc-item__desc2 {
    display: none; }
  .coDesc-item__desc3 {
    display: none; }
  .coDesc-item__desc4 {
    display: none; }
  .coDesc-item__desc svg {
    display: block; }

.desc1--main {
  display: block; }

.desc2--main {
  display: none; }

.coDesc-product-box__link2 {
  width: 203px; }

#coDesc-1 .coDesc-product__img {
  width: 204px; }
#coDesc-1 .coDesc-product-box__link1 {
  width: 204px;
  left: 259px; }
#coDesc-1 .coDesc-item__desc {
  margin-top: 15px;
  margin-bottom: 20px; }
  #coDesc-1 .coDesc-item__desc h6 {
    color: #2288cf;
    text-transform: uppercase; }
  #coDesc-1 .coDesc-item__desc--block span {
    color: #2288cf; }
  #coDesc-1 .coDesc-item__desc--block > div {
    display: flex; }
#coDesc-1 .coDesc-final__box:hover img {
  height: 46px; }
#coDesc-1 .coDesc-arrow {
  width: 30px;
  height: 30px;
  margin-right: 12px;
  background-color: #2288cf;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px 7px 5px;
  cursor: pointer; }
  #coDesc-1 .coDesc-arrow img {
    width: 100%; }

#coDesc-2 .coDesc-product__img {
  width: 237px; }
#coDesc-2 .coDesc-item__desc {
  margin-top: 32px;
  margin-bottom: 20px; }
  #coDesc-2 .coDesc-item__desc h6 {
    color: #3ea72d;
    text-transform: uppercase; }
  #coDesc-2 .coDesc-item__desc--block span {
    color: #3ea72d; }
  #coDesc-2 .coDesc-item__desc--block > div {
    display: flex; }
#coDesc-2 .coDesc-final__box:hover img {
  height: 46px; }
#coDesc-2 .coDesc-final__box:hover img {
  height: 46px; }
#coDesc-2 .coDesc-arrow {
  width: 30px;
  height: 30px;
  margin-right: 12px;
  background-color: #3ea72d;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px 7px 5px;
  cursor: pointer; }
  #coDesc-2 .coDesc-arrow img {
    width: 100%; }

#coDesc-3 .coDesc-product__img {
  width: 195px; }
#coDesc-3 .coDesc-item__desc {
  margin-top: 32px;
  margin-bottom: 20px; }
  #coDesc-3 .coDesc-item__desc h6 {
    color: #7c1dcb;
    text-transform: uppercase; }
  #coDesc-3 .coDesc-item__desc--block span {
    color: #7c1dcb; }
  #coDesc-3 .coDesc-item__desc--block > div {
    display: flex; }
#coDesc-3 .coDesc-final__box .slideGroup {
  padding-left: 45px; }
#coDesc-3 .coDesc-arrow {
  width: 30px;
  height: 30px;
  margin-right: 12px;
  background-color: #7c1dcb;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px 7px 5px;
  cursor: pointer; }
  #coDesc-3 .coDesc-arrow img {
    width: 100%; }
#coDesc-3 .coDesc-product-box__link1 p {
  font-size: 16px;
  margin-bottom: 3px; }

#coDesc-4 .coDesc-product__img {
  width: 312px;
  margin-top: 46px; }
#coDesc-4 .coDesc-item__desc {
  margin-top: 32px;
  margin-bottom: 20px; }
  #coDesc-4 .coDesc-item__desc h6 {
    color: #d75702;
    text-transform: uppercase; }
  #coDesc-4 .coDesc-item__desc--block span {
    color: #d75702; }
  #coDesc-4 .coDesc-item__desc--block div {
    display: flex; }
#coDesc-4 .coDesc-arrow {
  width: 30px;
  height: 30px;
  margin-right: 12px;
  background-color: #d75702;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px 7px 5px;
  cursor: pointer; }
  #coDesc-4 .coDesc-arrow img {
    width: 100%; }
#coDesc-4 .coDesc-final__box .slideGroup_4 {
  padding-left: 45px; }
#coDesc-4 .coDesc-product-box__link1 p {
  font-size: 16px;
  margin-bottom: 3px; }

#coDesc-5 .coDesc-product__img {
  width: 212px;
  margin-top: 26px; }
#coDesc-5 .coDesc-item__desc {
  margin-top: 32px;
  margin-bottom: 20px; }
  #coDesc-5 .coDesc-item__desc h6 {
    color: #228300;
    text-transform: uppercase; }
  #coDesc-5 .coDesc-item__desc--block span {
    color: #228300; }
  #coDesc-5 .coDesc-item__desc--block div {
    display: flex; }
  #coDesc-5 .coDesc-item__desc--hover {
    margin-bottom: 120px; }
  #coDesc-5 .coDesc-item__desc--btn {
    margin-bottom: 43px; }
#coDesc-5 .coDesc-arrow {
  width: 30px;
  height: 30px;
  margin-right: 12px;
  background-color: #228300;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px 7px 5px;
  cursor: pointer; }
  #coDesc-5 .coDesc-arrow img {
    width: 100%; }
#coDesc-5 .coDesc-final__box .slideGroup_4 {
  padding-left: 45px; }
#coDesc-5 .coDesc-product-box__link1 p {
  font-size: 16px;
  margin-bottom: 3px; }
#coDesc-5 .co-5__btnBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start; }

#coDesc-6 .coDesc-product__img {
  width: 278px; }
#coDesc-6 .coDesc-item__desc {
  margin-top: 32px;
  margin-bottom: 20px; }
  #coDesc-6 .coDesc-item__desc h6 {
    color: #00624d;
    text-transform: uppercase; }
  #coDesc-6 .coDesc-item__desc--block span {
    color: #00624d; }
  #coDesc-6 .coDesc-item__desc--block div {
    display: flex; }
  #coDesc-6 .coDesc-item__desc--hover {
    margin-bottom: 120px; }
  #coDesc-6 .coDesc-item__desc--btn {
    margin-bottom: 43px; }
#coDesc-6 .coDesc-arrow {
  width: 30px;
  height: 30px;
  margin-right: 12px;
  background-color: #00624d;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px 7px 5px;
  cursor: pointer; }
  #coDesc-6 .coDesc-arrow img {
    width: 100%; }
#coDesc-6 .coDesc-final__box .slideGroup_4 {
  padding-left: 45px; }
#coDesc-6 .coDesc-product-box__link1 p {
  font-size: 16px;
  margin-bottom: 3px; }
#coDesc-6 .co-5__btnBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start; }

#coDesc-7 .coDesc-product__img {
  width: 322px; }
#coDesc-7 .coDesc-item__desc {
  margin-top: 32px;
  margin-bottom: 20px; }
  #coDesc-7 .coDesc-item__desc h6 {
    color: #0080dc;
    text-transform: uppercase; }
  #coDesc-7 .coDesc-item__desc--block span {
    color: #0080dc; }
  #coDesc-7 .coDesc-item__desc--block div {
    display: flex; }
  #coDesc-7 .coDesc-item__desc--hover {
    margin-bottom: 120px; }
  #coDesc-7 .coDesc-item__desc--btn {
    margin-bottom: 43px; }
#coDesc-7 .coDesc-arrow {
  width: 30px;
  height: 30px;
  margin-right: 12px;
  background-color: #0080dc;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px 7px 5px;
  cursor: pointer; }
  #coDesc-7 .coDesc-arrow img {
    width: 100%; }
#coDesc-7 .coDesc-final__box .slideGroup_4 {
  padding-left: 45px; }
#coDesc-7 .coDesc-product-box__link1 p {
  font-size: 16px;
  margin-bottom: 3px; }
#coDesc-7 .co-5__btnBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start; }

.co-7__timeshow {
  min-width: 320px;
  height: 190px;
  align-items: center;
  justify-content: center;
  display: none;
  margin-bottom: 43px; }
  .co-7__timeshow--Top {
    position: absolute;
    top: 121px;
    right: 0; }
  .co-7__timeshow--cs {
    position: absolute;
    bottom: 158px; }
  .co-7__timeshow .timeShowCoTop-main {
    font-size: 74px; }
  .co-7__timeshow .timeShowCoTop-main__hours, .co-7__timeshow .timeShowCoTop-main__minutes, .co-7__timeshow .timeShowCoTop-main__seconds {
    width: 78px; }

#coDesc-8 .coDesc-product__img {
  width: 280px; }
#coDesc-8 .coDesc-item__desc {
  margin-top: 32px;
  margin-bottom: 20px; }
  #coDesc-8 .coDesc-item__desc h6 {
    color: #dd0002;
    text-transform: uppercase; }
  #coDesc-8 .coDesc-item__desc--block span {
    color: #dd0002; }
  #coDesc-8 .coDesc-item__desc--block div {
    display: flex; }
  #coDesc-8 .coDesc-item__desc--hover {
    margin-bottom: 120px; }
  #coDesc-8 .coDesc-item__desc--btn {
    margin-bottom: 43px; }
#coDesc-8 .coDesc-arrow {
  width: 30px;
  height: 30px;
  margin-right: 12px;
  background-color: #dd0002;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px 7px 5px;
  cursor: pointer; }
  #coDesc-8 .coDesc-arrow img {
    width: 100%; }
#coDesc-8 .coDesc-final__box .slideGroup_4 {
  padding-left: 45px; }
#coDesc-8 .coDesc-product-box__link1 p {
  font-size: 16px;
  margin-bottom: 3px; }
#coDesc-8 .co-5__btnBox {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start; }

#coDesc-9 .coDesc-product__img {
  width: 330px; }
#coDesc-9 .coDesc-item__desc {
  margin-top: 32px;
  margin-bottom: 20px; }
  #coDesc-9 .coDesc-item__desc h6 {
    color: #024593;
    text-transform: uppercase; }
  #coDesc-9 .coDesc-item__desc--block span {
    color: #024593; }
  #coDesc-9 .coDesc-item__desc--block > div {
    display: flex; }
#coDesc-9 .coDesc-final__box:hover img {
  height: 46px; }
#coDesc-9 .coDesc-final__box:hover img {
  height: 46px; }
#coDesc-9 .coDesc-arrow {
  width: 30px;
  height: 30px;
  margin-right: 12px;
  background-color: #024593;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px 7px 5px;
  cursor: pointer; }
  #coDesc-9 .coDesc-arrow img {
    width: 100%; }
#coDesc-9 .coDesc-product-box__link1 {
  bottom: -15px; }

.modal-rule1--co9 span {
  display: inline; }

#coDesc-10 .coDesc-product__img {
  width: 335px; }
#coDesc-10 .coDesc-item__desc--end p {
  color: #d44b4f; }
#coDesc-10 .coDesc-item__desc h6 {
  color: #d44b4f;
  text-transform: uppercase; }
#coDesc-10 .coDesc-item__desc--block span {
  color: #d44b4f; }
#coDesc-10 .coDesc-arrow {
  width: 30px;
  height: 30px;
  margin-right: 12px;
  background-color: #d44b4f;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 7px 7px 5px;
  cursor: pointer; }
  #coDesc-10 .coDesc-arrow img {
    width: 100%; }

.sircleQuestion {
  width: 17px;
  height: 17px;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all .3s;
  margin-right: 5px;
  z-index: 100001;
  position: relative; }
  .sircleQuestion img {
    width: 17px;
    height: 17px; }
  .sircleQuestion1 {
    margin-bottom: 8px;
    margin-left: 5px;
    position: relative; }
    .sircleQuestion1 p {
      margin-top: 1px;
      margin-left: 0 !important; }
    .sircleQuestion1-title {
      width: 185px; }
      .sircleQuestion1-title1 {
        width: 200px; }
      .sircleQuestion1-title2 {
        width: 150px; }
      .sircleQuestion1-title3 {
        left: 0 !important;
        width: 180px; }
  .sircleQuestion3 {
    padding-right: 1px; }
  .sircleQuestion4 {
    padding-left: 1px; }
  .sircleQuestion-box {
    display: flex;
    align-items: center;
    margin-bottom: 8px; }
  .sircleQuestion p {
    margin-left: 1px;
    font-family: sans-serif;
    font-weight: 700;
    font-size: 12px; }
  .sircleQuestion-title {
    display: none;
    position: absolute;
    border: 1px solid #898989;
    color: #798ea8;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
    background-color: #fff;
    bottom: 23px;
    right: 0px;
    transition: all 0.3s;
    box-shadow: 0px 5px 6.51px 0.49px rgba(0, 0, 0, 0.22);
    z-index: 1000003;
    width: 180px; }
    .sircleQuestion-title3 {
      left: 0; }
  .sircleQuestion:hover .sircleQuestion-title {
    display: block; }

.reVoice-co7-future {
  background-color: #fff;
  padding: 0 2px 1px 2px;
  position: absolute;
  right: 51px;
  margin-top: 120px;
  line-height: 13px;
  text-decoration: none !important;
  height: 19px;
  width: 221px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center; }

.reVoice-cs7-future {
  background-color: #fff;
  padding: 0 2px 1px 2px;
  position: absolute;
  right: 50%;
  transform: translateX(50%);
  margin-top: 156px;
  white-space: nowrap; }

.coDesc:after {
  content: "";
  display: block;
  position: absolute;
  width: 110%;
  height: 50px;
  top: -1px;
  left: -5%; }
.coDesc_temp:after {
  content: "";
  display: block;
  position: absolute;
  width: 110%;
  height: 80px;
  top: -1px;
  left: -5%;
  box-shadow: 0px -18px 12px 0px rgba(0, 0, 0, 0.25); }
.coDesc_temp2:after {
  content: "";
  display: block;
  position: absolute;
  width: 110%;
  height: 80px;
  top: -1px;
  left: -5%;
  box-shadow: 0px -20px 20px 0px rgba(0, 0, 0, 0.2); }
.coDesc_temp3:after {
  content: "";
  display: block;
  position: absolute;
  width: 110%;
  height: 80px;
  top: -1px;
  left: -5%;
  box-shadow: 0px -17px 24px 0px rgba(0, 0, 0, 0.19); }
.coDesc-box {
  position: relative; }
  .coDesc-box .coDesc-info__item {
    margin-bottom: 12px; }
  .coDesc-box__bg {
    background: #F0F2F5;
    background: -moz-linear-gradient(top, #FFFFFF 0%, #F0F2F5 50%, #f0f2f5 100%);
    background: -webkit-linear-gradient(top, #FFFFFF 0%, #F0F2F5 50%, #f0f2f5 100%);
    background: linear-gradient(to bottom, #FFFFFF 0%, #F0F2F5 50%, #f0f2f5 100%);
    position: absolute;
    width: 2000px;
    height: 349px;
    top: 0;
    right: 78%;
    z-index: 0; }
    .coDesc-box__bg-2 {
      background: #f0f2f5; }
    .coDesc-box__bg-4 {
      box-shadow: 0px 18px 12px 0px rgba(0, 0, 0, 0.25); }
    .coDesc-box__bg:after {
      content: '';
      display: block;
      position: absolute;
      bottom: 0;
      right: 0;
      width: 100%;
      height: 424px;
      background: rgba(240, 242, 245, 0);
      background: linear-gradient(90deg, rgba(240, 242, 245, 0) 0%, rgba(240, 242, 245, 0.49) 100%);
      background: -webkit-linear-gradient(90deg, #f0f2f5 0%, rgba(240, 242, 245, 0) 100%);
      background: -moz-linear-gradient(90deg, rgba(240, 242, 245, 0.49) 0%, rgba(240, 242, 245, 0) 100%); }
  .coDesc-box::after {
    content: "";
    display: block;
    width: 100%;
    height: 0;
    clear: both; }
  .coDesc-box .coDesc-item__desc2 {
    margin-left: 42px;
    margin-right: 38px; }
  .coDesc-box .coDesc-item__desc4 {
    margin-left: 42px;
    margin-right: 38px; }
.coDesc-product {
  position: absolute;
  z-index: 1;
  top: -161px;
  left: 50px;
  border-radius: 50%;
  transform-origin: center center;
  background-color: #fff; }
  .coDesc-product:hover .coDesc-product-box .coDesc-product__img {
    transition: none;
    opacity: 0; }
  .coDesc-product:hover .coDesc-product-box__link1 {
    opacity: 1; }
  .coDesc-product-box {
    position: relative;
    width: 510px;
    height: 510px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-left: 5px;
    z-index: 1001; }
    .coDesc-product-box .coDesc-product__img {
      position: relative;
      top: 0;
      left: 0; }
    .coDesc-product-box__link {
      position: absolute;
      top: 0;
      bottom: 0;
      left: 0;
      width: 100%;
      border-radius: 50%;
      z-index: 999; }
      .coDesc-product-box__link_co4 {
        box-shadow: -14px 9px 12px 0px rgba(0, 0, 0, 0.25); }
    .coDesc-product-box__link1 {
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: flex-end;
      flex-direction: column;
      bottom: 180px;
      opacity: 0;
      transform: translateX(-50%);
      z-index: 1000; }
      .coDesc-product-box__link1--text1 {
        font-size: 69px;
        line-height: 67px;
        font-family: "mr_RegisterWideBold", sans-serif;
        text-transform: uppercase;
        color: #bcc2ca; }
      .coDesc-product-box__link1--text2 {
        font-size: 27px;
        font-family: "mr_RegisterWideBold", sans-serif;
        text-transform: uppercase;
        color: #bcc2ca; }
      .coDesc-product-box__link1 > img {
        width: 100%; }
    .coDesc-product-box__link2 {
      z-index: 2;
      position: absolute;
      display: block;
      bottom: 10px;
      left: 50%;
      display: none;
      transform: translateX(-50%); }
      .coDesc-product-box__link2 img {
        width: 100%;
        height: auto; }
  .coDesc-product__img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    transition: all 1.15s; }
    .coDesc-product__img img {
      width: 100%;
      height: auto; }
.coDesc-final__box {
  width: 100%;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  position: relative; }
.coDesc-final .slideGroup {
  display: none;
  z-index: 1;
  width: auto;
  height: 40px;
  transition: all .3s; }
  .coDesc-final .slideGroup_4 {
    display: none;
    z-index: 1;
    width: auto;
    height: 40px;
    transition: all .3s; }
  .coDesc-final .slideGroup--active {
    display: block; }
  .coDesc-final .slideGroup__move {
    position: absolute;
    top: 56px;
    color: #798ea8;
    font-weight: bold;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center; }
    .coDesc-final .slideGroup__move--text a {
      color: #2188ff; }
    .coDesc-final .slideGroup__move--prew {
      cursor: pointer;
      padding: 0 10px; }
    .coDesc-final .slideGroup__move--next {
      cursor: pointer;
      padding: 0 10px; }
    .coDesc-final .slideGroup__move--num {
      width: 21px;
      display: inline-block; }
.coDesc-final .slideGroupShow {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: auto;
  height: 40px;
  transition: all .3s; }
.coDesc-final .submissionOfWorks {
  display: block;
  position: absolute;
  top: 50%;
  left: 45%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: 188px;
  transition: all .3s;
  padding-top: 15px; }
.coDesc-final .slideGroup_co8 {
  display: block;
  position: absolute;
  top: 50%;
  left: 43%;
  transform: translate(-50%, -50%);
  z-index: 1;
  width: auto;
  height: 40px;
  transition: all .3s; }
.coDesc-item {
  width: 745px;
  height: 350px;
  float: left;
  z-index: 2;
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  flex-direction: column;
  margin-left: 586px; }
  .coDesc-item__btn {
    display: block;
    border-radius: 17px;
    border: 1px solid #477dbd;
    width: fit-content;
    background-color: #477dbd;
    font-size: 14px;
    font-weight: 600;
    font-family: "Montserrat", sans-serif;
    color: #fff;
    width: 122px;
    height: 35px;
    line-height: 32px;
    text-align: center;
    transition: all .3s; }
    .coDesc-item__btn--child {
      border-radius: 50%;
      box-shadow: 0px 2px 5px 0px rgba(14, 14, 14, 0.53);
      width: 80px;
      height: 80px;
      overflow: hidden;
      border: 2px solid #fff;
      background-color: #fff; }
    .coDesc-item__btn--photo {
      border: 5px solid #fff; }
  .coDesc-item__desc {
    display: flex;
    justify-content: space-between;
    min-height: 213px; }
    .coDesc-item__desc--block h6 {
      font-size: 20px;
      font-family: "a_BighausTitulExtraBolt", sans-serif;
      margin-bottom: 3px; }
    .coDesc-item__desc--block span {
      font-weight: 600;
      margin-right: 5px; }
    .coDesc-item__desc--block p {
      font-size: 15px;
      color: #7e8da6;
      margin-top: 2px; }
    .coDesc-item__desc--block a {
      text-decoration: underline;
      color: blue; }
    .coDesc-item__desc--btn {
      margin-right: 15px;
      margin-top: 10px;
      min-width: 320px;
      height: 190px;
      background-color: #eff1f5;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden; }
      .coDesc-item__desc--btn-co2 {
        background: #f0f2f5; }
      .coDesc-item__desc--btn-co4 {
        box-shadow: 0px 18px 12px 0px rgba(0, 0, 0, 0.25); }
      .coDesc-item__desc--btn img {
        border-radius: 50%; }
    .coDesc-item__desc--regular {
      cursor: default; }
      .coDesc-item__desc--regular:hover .coDesc-item__btn {
        background-color: #305887;
        border-color: #305887; }
        .coDesc-item__desc--regular:hover .coDesc-item__btn[disabled] {
          transform: none;
          cursor: not-allowed; }
    .coDesc-item__desc--end {
      text-align: center;
      margin-right: 19px; }
      .coDesc-item__desc--end h4 {
        color: #ff0027;
        font-size: 52px;
        font-weight: 300;
        margin-top: 30px;
        width: 384px; }
      .coDesc-item__desc--end p {
        font-family: "a_BighausTitulExtraBolt", sans-serif;
        font-size: 20px;
        margin-top: 27px; }
      .coDesc-item__desc--end a {
        color: #ff0027;
        font-size: 16px;
        font-weight: 300; }
        .coDesc-item__desc--end a:hover {
          color: #b3001b; }
  .coDesc-item__stage {
    width: 369px;
    position: absolute;
    left: 0;
    bottom: 10px;
    display: flex;
    align-self: center;
    justify-content: space-between;
    flex-direction: column; }
    .coDesc-item__stage--block {
      color: #798ea8;
      position: relative;
      z-index: 2;
      display: flex;
      align-items: flex-end;
      justify-content: space-between; }
      .coDesc-item__stage--block h5 {
        font-weight: bold;
        font-size: 16px;
        color: #475566; }
    .coDesc-item__stage--blockDesc {
      margin-top: 5px;
      z-index: 2; }
      .coDesc-item__stage--blockDesc_div {
        display: flex; }
        .coDesc-item__stage--blockDesc_div h5 {
          margin-right: 7px; }
    .coDesc-item__stage--desc {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      width: 50%;
      position: relative; }
    .coDesc-item__stage--text {
      margin-left: 4px;
      font-size: 16px;
      font-weight: normal; }
  .coDesc-item__winPlace {
    width: 745px;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
    padding-bottom: 20px; }
    .coDesc-item__winPlace--step {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      flex-wrap: nowrap;
      width: 100%; }
    .coDesc-item__winPlace--text {
      width: 100%;
      background-color: #7e8da6;
      color: #fff;
      text-transform: uppercase;
      font-weight: bold;
      font-size: 35px;
      font-family: "mr_RegisterWideBold", sans-serif;
      letter-spacing: 20px;
      text-align: center;
      padding-left: 21px;
      height: 39px;
      line-height: 35px; }
    .coDesc-item__winPlace--link {
      width: 100%;
      text-align: center;
      color: #2188ff; }
      .coDesc-item__winPlace--link a {
        color: #2188ff;
        text-decoration: underline;
        transition: all 0.3s;
        font-weight: bold;
        margin: 13px 0 5px;
        display: inline-block; }
        .coDesc-item__winPlace--link a:hover {
          text-decoration: none; }
    .coDesc-item__winPlace--firstLabel {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      flex-direction: column;
      width: 100%; }
      .coDesc-item__winPlace--firstLabel .winPlace-step {
        width: 100%;
        height: 84px;
        background-image: url("../img/bg/mainBg.png");
        background-position-x: 1px;
        position: relative; }
        .coDesc-item__winPlace--firstLabel .winPlace-step:after {
          content: "2";
          display: block;
          position: absolute;
          top: 12px;
          left: 50%;
          transform: translateX(-50%);
          background-color: #798ea8;
          border: 4px solid #fff;
          border-radius: 50%;
          text-align: center;
          width: 40px;
          height: 40px;
          line-height: 38px;
          color: #fff;
          font-weight: bold;
          font-size: 24px; }
    .coDesc-item__winPlace--secondLabel {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      flex-direction: column;
      width: 100%; }
      .coDesc-item__winPlace--secondLabel .winPlace-step {
        width: 100%;
        height: 107px;
        background-image: url("../img/bg/mainBg.png");
        background-position-x: -1px;
        position: relative; }
        .coDesc-item__winPlace--secondLabel .winPlace-step:after {
          content: "1";
          display: block;
          position: absolute;
          top: 12px;
          left: 50%;
          transform: translateX(-50%);
          background-color: #798ea8;
          border: 4px solid #fff;
          border-radius: 50%;
          text-align: center;
          width: 40px;
          height: 40px;
          line-height: 38px;
          color: #fff;
          font-weight: bold;
          font-size: 24px; }
    .coDesc-item__winPlace--theerdLabel {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      flex-direction: column;
      width: 100%; }
      .coDesc-item__winPlace--theerdLabel .winPlace-step {
        width: 100%;
        height: 68px;
        background-image: url("../img/bg/mainBg.png");
        background-position-x: 2px;
        position: relative; }
        .coDesc-item__winPlace--theerdLabel .winPlace-step:after {
          content: "3";
          display: block;
          position: absolute;
          top: 12px;
          left: 50%;
          transform: translateX(-50%);
          background-color: #798ea8;
          border: 4px solid #fff;
          border-radius: 50%;
          text-align: center;
          width: 40px;
          height: 40px;
          line-height: 38px;
          color: #fff;
          font-weight: bold;
          font-size: 24px; }
    .coDesc-item__winPlace--fourLabel {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      flex-direction: column;
      width: 100%; }
      .coDesc-item__winPlace--fourLabel .winPlace-step {
        width: 100%;
        height: 84px;
        background-image: url("../img/bg/mainBg.png");
        background-position-x: 1px;
        position: relative; }
        .coDesc-item__winPlace--fourLabel .winPlace-step:after {
          content: "1";
          display: block;
          position: absolute;
          top: 12px;
          left: 50%;
          transform: translateX(-50%);
          background-color: #798ea8;
          border: 4px solid #fff;
          border-radius: 50%;
          text-align: center;
          width: 40px;
          height: 40px;
          line-height: 38px;
          color: #fff;
          font-weight: bold;
          font-size: 24px; }
        .coDesc-item__winPlace--fourLabel .winPlace-step::after {
          display: none; }
    .coDesc-item__winPlace--fiveLabel {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      flex-direction: column;
      width: 100%; }
      .coDesc-item__winPlace--fiveLabel .winPlace-step {
        width: 100%;
        height: 107px;
        background-image: url("../img/bg/mainBg.png");
        background-position-x: -1px;
        position: relative; }
        .coDesc-item__winPlace--fiveLabel .winPlace-step:after {
          content: "1";
          display: block;
          position: absolute;
          top: 12px;
          left: 50%;
          transform: translateX(-50%);
          background-color: #798ea8;
          border: 4px solid #fff;
          border-radius: 50%;
          text-align: center;
          width: 40px;
          height: 40px;
          line-height: 38px;
          color: #fff;
          font-weight: bold;
          font-size: 24px; }
    .coDesc-item__winPlace--sixLabel {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      flex-direction: column;
      width: 100%; }
      .coDesc-item__winPlace--sixLabel .winPlace-step {
        width: 100%;
        height: 68px;
        background-image: url("../img/bg/mainBg.png");
        background-position-x: 2px;
        position: relative; }
        .coDesc-item__winPlace--sixLabel .winPlace-step:after {
          content: "3";
          display: block;
          position: absolute;
          top: 12px;
          left: 50%;
          transform: translateX(-50%);
          background-color: #798ea8;
          border: 4px solid #fff;
          border-radius: 50%;
          text-align: center;
          width: 40px;
          height: 40px;
          line-height: 38px;
          color: #fff;
          font-weight: bold;
          font-size: 24px; }
        .coDesc-item__winPlace--sixLabel .winPlace-step::after {
          display: none; }
    .coDesc-item__winPlace .winPlace-person {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      flex-direction: column;
      font-weight: bold;
      color: #475566; }
    .coDesc-item__winPlace .comments__photo {
      width: 75px;
      height: 75px;
      border-radius: 50px;
      overflow: hidden;
      position: relative; }
      .coDesc-item__winPlace .comments__photo .gsHoverPhoto-img {
        transition: all 0.3s !important;
        position: absolute;
        width: 75px;
        height: 75px;
        top: 0px;
        left: 0px; }
    .coDesc-item__winPlace .winPlace-person--link {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      flex-direction: column; }
      .coDesc-item__winPlace .winPlace-person--link a {
        font-weight: bold;
        font-size: 16px;
        color: #475566;
        margin: 5px 0;
        cursor: pointer; }
    .coDesc-item__winPlace .work-content__person {
      flex-direction: column; }
  .coDesc-item__howVoice {
    position: absolute;
    top: 161px;
    font-size: 12px !important;
    font-weight: bold;
    color: #0172ff !important;
    font-family: "ChampagneLimousines", sans-serif;
    text-decoration: none !important; }
    .coDesc-item__howVoice:hover {
      color: #0050b4 !important; }
  .coDesc-item__advanced {
    position: absolute;
    top: 234px;
    font-size: 16px;
    line-height: 31px;
    color: #798ea8;
    font-family: "ChampagneLimousines", sans-serif;
    text-align: center;
    width: 202px;
    height: 31px;
    border-radius: 17px;
    background-color: #fff;
    border: 1px solid #d8dde3;
    cursor: pointer;
    transition: all .3s; }
    .coDesc-item__advanced:hover {
      color: #fff;
      background-color: #305887;
      border-color: #305887; }
.coDesc-title {
  display: flex;
  align-items: center;
  margin-right: 14px; }
.coDesc-final {
  width: 100%;
  margin-right: 14px;
  margin-top: 10px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center; }
  .coDesc-final__img img {
    transition: all .5s;
    height: 43px;
    width: auto;
    cursor: pointer; }
  .coDesc-final__img:hover img {
    transform: scale(1.2); }
  .coDesc-final_modal {
    display: none;
    flex-direction: column;
    position: absolute;
    top: 44%;
    left: 5%;
    transform: translateX(50%);
    width: 211px;
    right: 0;
    border: 1px solid #b5b5b5;
    background-color: #fff;
    z-index: 99999999;
    color: #475566;
    text-align: left; }
    .coDesc-final_modal a {
      display: block;
      width: 100%;
      padding: 8px 10px 9px;
      font-weight: bold;
      font-size: 14px;
      color: #475566;
      -webkit-transition: all 0.3s;
      transition: all 0.3s;
      text-decoration: none;
      cursor: pointer; }
    .coDesc-final_modal .workActive {
      background-color: #d0d8e1; }
.coDesc-ready__title {
  display: none;
  position: absolute;
  border: 1px solid #898989;
  color: #798ea8;
  font-size: 14px;
  padding: 5px;
  background-color: #fff;
  top: 50%;
  transform: translate(-50%, 0);
  right: -55px;
  transition: all 0.3s;
  width: 125px;
  height: 28px; }
.coDesc-winWork {
  padding: 50px 0 84px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative; }
  .coDesc-winWork__img {
    width: 510px !important;
    max-width: 510px !important;
    height: auto;
    position: relative;
    z-index: 2; }
  .coDesc-winWork:after {
    content: "";
    display: block;
    width: 100%;
    position: absolute;
    background-image: url("../img/bg/mainBg.png");
    height: 255px;
    bottom: 0;
    z-index: 1; }
.coDesc-schedule {
  width: 100%; }
  .coDesc-schedule__p {
    color: #7eaed7;
    font-size: 26px;
    font-family: "ChampagneLimousines", sans-serif;
    font-weight: 600;
    margin-left: -37px; }
  .coDesc-schedule__table {
    margin-bottom: 36px;
    margin-top: 18px;
    font-family: "Montserrat", sans-serif; }
  .coDesc-schedule__tableBox {
    display: flex;
    align-items: center;
    width: 100%;
    margin-bottom: 16px; }
    .coDesc-schedule__tableBox:last-child .coDesc-schedule__tableDate::after {
      display: none; }
  .coDesc-schedule__tableDate {
    position: relative;
    width: 93px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    color: #798ea8;
    font-size: 12px;
    background-color: #f0f1f4;
    border-radius: 12px;
    margin-right: 13px;
    font-weight: 500; }
    .coDesc-schedule__tableDate::after {
      content: '';
      display: block;
      position: absolute;
      top: calc(100% + 2px);
      left: calc(50% - 3px);
      width: 6px;
      height: 13px;
      background-image: url("../img/icon/arrow/arrow_date.svg");
      background-position: center center; }
  .coDesc-schedule__tableText {
    text-transform: uppercase;
    color: #8c9eb3;
    font-size: 12px;
    font-weight: 300; }
    .coDesc-schedule__tableText span {
      text-transform: capitalize; }
    .coDesc-schedule__tableText--active {
      font-weight: bold;
      color: #45576d;
      display: flex;
      align-items: center; }
    .coDesc-schedule__tableText--now {
      text-transform: capitalize;
      color: #ff0000;
      background-image: url("../img/icon/label.png");
      background-repeat: no-repeat;
      background-position: 8px 5px;
      width: 70px;
      height: 24px;
      padding-left: 24px;
      font-size: 13px;
      line-height: 23px;
      font-weight: bold;
      margin-left: 17px;
      border: 1px solid #ff0000;
      border-radius: 15px; }
  .coDesc-schedule__more {
    cursor: pointer;
    color: #0172ff;
    font-family: "ChampagneLimousines", sans-serif;
    font-size: 13px;
    font-weight: bold;
    margin-left: 107px; }
    .coDesc-schedule__more:hover {
      color: #0050b4; }

.anotherChoise {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 0 70px 0;
  background-image: url("../img/bg/mainBg.png");
  width: 100%;
  box-shadow: 0px 25px 24px 0px rgba(0, 0, 0, 0.43);
  margin-top: -5px; }
  .anotherChoise--item {
    background-color: #fff;
    box-shadow: 1.847px 2.364px 7.83px 1.17px rgba(108, 106, 106, 0.25);
    width: 281px;
    height: 34px;
    border-radius: 22px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
    cursor: pointer; }
    .anotherChoise--item:hover {
      background-color: #798ea8;
      box-shadow: none; }
      .anotherChoise--item:hover .anotherChoise--link {
        color: #fff !important; }
  .anotherChoise--link {
    color: #798ea8;
    font-weight: bold;
    display: block;
    font-size: 17px; }

.final {
  font-weight: bold;
  font-size: 48px;
  font-family: "mr_RegisterWideBold", sans-serif;
  color: #2288cf;
  text-align: center;
  text-transform: uppercase;
  transition: all .5s;
  cursor: pointer;
  height: 48px;
  width: 100%;
  z-index: 5;
  backface-visibility: hidden;
  transform: 0.3s linear;
  transform-origin: center center; }

.coDesc-info__item--box {
  display: flex;
  align-items: center;
  position: relative; }
.coDesc-info__item .slickSlide-info__item--link {
  margin-left: 0;
  background-color: transparent; }
.coDesc-info__item .export-content {
  bottom: 9% !important;
  right: 70px !important; }
.coDesc-info__item .info-content {
  bottom: 42% !important;
  right: 70px !important; }

.home-info__item {
  right: 78px;
  top: 68px; }
  .home-info__item .slickSlide-info__item--link {
    margin-left: 10px; }
  .home-info__item_1 {
    top: 71px; }
    .home-info__item_1 .export-content {
      bottom: 97% !important;
      right: -46px !important; }
    .home-info__item_1 .info-content {
      bottom: 97% !important;
      right: -46px !important; }
  .home-info__item_2 {
    flex-direction: column;
    right: 186px;
    top: -15px;
    width: 74px;
    position: absolute !important; }
    .home-info__item_2 .export-content {
      bottom: 30% !important;
      right: -203px !important; }
    .home-info__item_2 .info-content {
      bottom: -3% !important;
      right: -203px !important; }

.slide-vote {
  background-color: #eff1f5;
  position: relative;
  padding-bottom: 40px;
  margin-top: -33px; }
  .slide-vote__contain {
    display: flex;
    align-items: center;
    justify-content: space-between; }
  .slide-vote-btn {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: center; }
    .slide-vote-btn .coDesc-item__howVoice {
      top: 130px; }
    .slide-vote-btn__item {
      margin: 0 auto;
      width: 317px;
      background-color: #fff;
      height: 188px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center; }
    .slide-vote-btn__item_1 {
      z-index: 10;
      position: absolute;
      bottom: -255px;
      right: 100%;
      transform: translateY(50%); }
      .slide-vote-btn__item_1::before {
        content: '';
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: -50px;
        border-left: 272px solid #fff;
        border-top: 138px solid transparent;
        border-bottom: 138px solid transparent; }
      .slide-vote-btn__item_1::after {
        content: '';
        position: absolute;
        z-index: -1;
        top: -97px;
        left: -48px;
        border-left: 300px solid rgba(0, 0, 0, 0.28);
        border-top: 148px solid transparent;
        border-bottom: 148px solid transparent;
        filter: blur(5px); }
    .slide-vote-btn__item_2 {
      z-index: 10;
      position: absolute;
      top: 272px;
      left: 100%;
      transform: translateY(50%); }
      .slide-vote-btn__item_2:before {
        content: '';
        position: absolute;
        top: -98px;
        left: -50px;
        border-left: 272px solid #fff;
        border-top: 138px solid transparent;
        border-bottom: 138px solid transparent; }
      .slide-vote-btn__item_2::after {
        content: '';
        position: absolute;
        z-index: -1;
        top: -97px;
        left: -48px;
        border-left: 300px solid rgba(0, 0, 0, 0.28);
        border-top: 148px solid transparent;
        border-bottom: 148px solid transparent;
        filter: blur(5px); }
    .slide-vote-btn__item_3 {
      z-index: 10;
      position: absolute;
      bottom: 156px;
      transform: translateY(50%); }
      .slide-vote-btn__item_3:before {
        content: '';
        position: absolute;
        top: -98px;
        left: -50px;
        border-left: 272px solid #fff;
        border-top: 138px solid transparent;
        border-bottom: 138px solid transparent; }
      .slide-vote-btn__item_3::after {
        content: '';
        position: absolute;
        z-index: -1;
        top: -97px;
        left: -48px;
        border-left: 300px solid rgba(0, 0, 0, 0.28);
        border-top: 148px solid transparent;
        border-bottom: 148px solid transparent;
        filter: blur(5px); }
    .slide-vote-btn__item_4 {
      z-index: 10;
      position: absolute;
      top: 300px;
      left: 0%; }
    .slide-vote-btn__item_5 {
      z-index: 10;
      position: absolute;
      top: 300px;
      right: 10%; }
    .slide-vote-btn__item_6 {
      z-index: 10;
      position: absolute;
      bottom: 116px;
      transform: translateY(50%); }
      .slide-vote-btn__item_6:after {
        content: "";
        display: block;
        position: absolute;
        z-index: -1;
        background-image: url("../img/co/co_people/co_4_timeFooter.png");
        background-position: center;
        background-repeat: no-repeat;
        width: 330px;
        height: 442px;
        bottom: -150px;
        right: -134px; }
    .slide-vote-btn__item_7 {
      z-index: 10;
      box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.2);
      margin: -23px auto 0;
      width: 234px;
      background-color: #fff;
      height: 234px;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center;
      background-image: url("../img/co/co_people/co_5/co_5_clock.png");
      background-position: center;
      background-repeat: no-repeat; }
    .slide-vote-btn__item_8 {
      z-index: 10;
      position: absolute;
      top: 115px;
      left: 50%;
      transform: translateX(-50%);
      width: 399px;
      height: 483px;
      background-image: url("../img/co/co_people/co_6/co_6_btn1.png");
      display: flex;
      align-items: center; }
      .slide-vote-btn__item_8 .coDesc-item__btn {
        margin-left: 117px; }
    .slide-vote-btn__item_9 {
      z-index: 10;
      position: absolute;
      top: 115px;
      left: 50%;
      transform: translateX(-50%);
      width: 399px;
      height: 483px;
      background-image: url("../img/co/co_people/co_6/co_6_btn2.png");
      display: flex;
      align-items: center; }
      .slide-vote-btn__item_9 .coDesc-item__btn {
        margin-left: 200px; }
    .slide-vote-btn__item_10 {
      z-index: 10;
      position: absolute;
      top: 60px;
      right: 0;
      transform: translateX(-50%);
      width: 399px;
      height: 483px;
      background-image: url("../img/co/co_people/co_6/co_6_btn1.png");
      background-size: 92% auto;
      background-repeat: no-repeat;
      background-position: center;
      display: flex;
      align-items: center; }
      .slide-vote-btn__item_10 .coDesc-item__btn {
        margin-left: 124px; }
    .slide-vote-btn__item_11 {
      z-index: 10;
      position: absolute;
      top: -115px;
      left: 50%;
      transform: translateX(-50%);
      width: 439px;
      height: 259px;
      background-image: url("../img/co/co_people/co_7/co_7_btn1.png");
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: center;
      display: flex;
      align-items: center; }
      .slide-vote-btn__item_11 .coDesc-item__btn {
        margin-left: 207px;
        top: -15px; }
      .slide-vote-btn__item_11::before {
        height: 208px; }
    .slide-vote-btn__item_12 {
      z-index: 10;
      position: absolute;
      top: -214px;
      left: 50%;
      transform: translateX(-50%);
      width: 310px;
      height: 393px;
      background-image: url("../img/co/co_people/co_8_btn.png");
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: center;
      display: flex;
      align-items: center; }
      .slide-vote-btn__item_12 .coDesc-item__btn {
        margin-left: 116px;
        top: 34px; }
      .slide-vote-btn__item_12::before {
        height: 208px; }
    .slide-vote-btn__play {
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 200px;
      z-index: 10;
      display: flex;
      align-items: center;
      z-index: 10; }
      .slide-vote-btn__play > span {
        display: block;
        width: 46px;
        height: 276px;
        margin: 0 20px;
        background-color: #fff;
        position: relative; }
        .slide-vote-btn__play > span::before {
          content: '';
          position: absolute;
          top: -1px;
          left: -1px;
          z-index: -1;
          width: 57px;
          height: 288px;
          background: rgba(0, 0, 0, 0.3);
          filter: blur(6px); }
  .slide-vote-arrow {
    cursor: pointer;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    transition: all 0.5s;
    display: flex;
    align-items: center;
    justify-content: center; }
    .slide-vote-arrow__prew {
      padding-right: 4px; }
    .slide-vote-arrow__next {
      padding-left: 4px; }
    .slide-vote-arrow:hover {
      background-color: #fff; }

.box-desc__headNone {
  display: none; }

span[data-tr-co="mainVoice"] {
  position: absolute;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  font-family: "ChampagneLimousines", sans-serif; }

span[data-tr-co="mainGetStart"] {
  position: absolute;
  color: #fff;
  font-weight: bold;
  font-size: 13px;
  font-family: "ChampagneLimousines", sans-serif; }

span[data-tr-co="ready"] {
  position: absolute;
  color: #fff;
  font-weight: bold;
  font-size: 15px;
  font-family: "ChampagneLimousines", sans-serif; }

.contain[data-group-cont="1"] {
  display: block; }
.contain[data-group-cont="2"] {
  display: none; }
.contain[data-group-cont="3"] {
  display: none; }

.box-desc__main-titleH2 {
  text-align: left; }

.box-section--shadow::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: inset 0px -25px 27px 0px rgba(0, 0, 0, 0.43); }

.reVoice {
  color: #2188ff;
  cursor: pointer;
  font-weight: bold;
  transition: all 0.3s; }
  .reVoice-box, .reVoice-box1 {
    display: flex;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    width: 179px;
    margin-left: 20px; }
  .reVoice-box {
    bottom: -50px; }
    .reVoice-box__sircleQuestion {
      margin-right: 7px; }
  .reVoice-box1 {
    bottom: -70px; }
  .reVoice__wrap {
    display: flex;
    align-self: center;
    justify-content: center;
    position: absolute;
    bottom: -25px;
    width: 100%; }
  .reVoice-co__title {
    bottom: -20px;
    left: -72px; }
  .reVoice-cs__title {
    bottom: 28px;
    left: 29px; }
  .reVoice h1 {
    text-decoration: underline;
    font-size: 17px; }
  .reVoice_cs {
    color: #2188ff;
    text-decoration: underline;
    cursor: pointer;
    font-weight: bold;
    transition: all 0.3s;
    margin-right: 17px; }
    .reVoice_cs h1 {
      text-decoration: underline;
      font-size: 17px; }
    .reVoice_cs:hover {
      text-decoration: none; }
    .reVoice_cs-box {
      display: flex;
      justify-content: space-between; }
    .reVoice_cs-box1 {
      display: flex;
      justify-content: space-between; }
  .reVoice_1 {
    bottom: 0px;
    left: 50%; }
  .reVoice:hover {
    text-decoration: none; }

.reVoice-co7 {
  color: #2188ff;
  text-decoration: underline;
  cursor: pointer;
  font-weight: bold;
  transition: all 0.3s; }
  .reVoice-co7__wrap {
    top: 55px;
    position: relative;
    margin-right: 25px;
    text-align: center; }

.reVoice-cs7 {
  color: #2188ff;
  text-decoration: underline;
  cursor: pointer;
  font-weight: bold;
  transition: all 0.3s; }
  .reVoice-cs7__wrap {
    bottom: 135px;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center; }
    .reVoice-cs7__wrap > div {
      margin: 0 6px; }

.withdraw {
  color: #2188ff;
  text-decoration: underline;
  cursor: pointer;
  font-weight: bold;
  transition: all 0.3s; }
  .withdraw-co__title {
    bottom: -20px;
    left: -72px; }
  .withdraw-cs__title {
    bottom: 28px;
    left: 157px; }
  .withdraw_cs {
    color: #2188ff;
    text-decoration: underline;
    cursor: pointer;
    font-weight: bold;
    transition: all 0.3s; }
    .withdraw_cs:hover {
      text-decoration: none; }
  .withdraw:hover {
    text-decoration: none; }

.PrewTime-co__title {
  left: 223px;
  top: 75px; }
.PrewTime-cs__title {
  top: -43px;
  left: 92px;
  z-index: 100001; }

.AttentionTime-co__title {
  bottom: 30px;
  left: 317px; }
.AttentionTime-cs__title {
  top: -18px;
  left: 95px;
  z-index: 100001; }

.AutoVoice-co__title {
  right: 225px;
  top: 75px; }
.AutoVoice-cs__title {
  top: -26px;
  left: 93px;
  z-index: 100001; }

.AutoVoice1-co__title {
  bottom: 19px;
  right: -14px; }
.AutoVoice1-cs__title {
  top: -50px;
  left: 93px;
  z-index: 100001; }

.nonBlue span {
  font-size: 15px;
  color: #7e8da6 !important;
  font-weight: normal;
  display: inline-block; }

.choiceGroupInSlider {
  cursor: pointer; }

.newlook_co {
  width: 100%;
  margin: 0;
  padding: 0; }
  .newlook_co img {
    width: 100%; }

[data-paralax="isShowParalaxCo"] {
  display: none !important; }

main .sticy-box {
  top: 466px !important; }

.sticy-box {
  z-index: 999;
  position: absolute;
  left: 0;
  top: 165px; }
  .sticy-box--sponsor {
    z-index: 989;
    position: absolute;
    left: 0;
    top: 250px; }
    .sticy-box--sponsor .ge-title__dropdown {
      position: sticky;
      top: 185px;
      left: 0;
      z-index: 100; }
  .sticy-box .co1-title__dropdown--bg {
    border-radius: 0 17px 17px 0;
    background-color: #1958cb;
    filter: blur(8px);
    width: 265px;
    height: 35px;
    position: absolute;
    left: -11px;
    top: -2px;
    border-left: 20px solid #1958cb;
    z-index: 99; }
  .sticy-box .co2-title__dropdown--bg {
    border-radius: 0 17px 17px 0;
    background-color: #3ea72d;
    filter: blur(8px);
    width: 265px;
    height: 35px;
    position: absolute;
    left: -11px;
    top: -2px;
    border-left: 20px solid #3ea72d;
    z-index: 99; }
  .sticy-box .co3-title__dropdown--bg {
    border-radius: 0 17px 17px 0;
    background-color: #7c1dcb;
    filter: blur(8px);
    width: 265px;
    height: 35px;
    position: absolute;
    left: -11px;
    top: -2px;
    border-left: 20px solid #7c1dcb;
    z-index: 99; }
  .sticy-box .co4-title__dropdown--bg {
    border-radius: 0 17px 17px 0;
    background-color: #d75702;
    filter: blur(8px);
    width: 265px;
    height: 35px;
    position: absolute;
    left: -11px;
    top: -2px;
    border-left: 20px solid #d75702;
    z-index: 99; }
  .sticy-box .co5-title__dropdown--bg {
    border-radius: 0 17px 17px 0;
    background-color: #104b01;
    filter: blur(8px);
    width: 265px;
    height: 35px;
    position: absolute;
    left: -11px;
    top: -2px;
    border-left: 20px solid #104b01;
    z-index: 99; }
  .sticy-box .co-title__dropdown {
    position: sticky;
    top: 100px !important;
    left: 0;
    z-index: 100; }
  .sticy-box .ge-title__dropdown {
    position: sticky;
    top: 200px;
    left: 0;
    z-index: 100; }
  .sticy-box .home-title__dropdown--menu {
    height: 200px;
    overflow-y: scroll; }
    .sticy-box .home-title__dropdown--menu::-webkit-scrollbar {
      background-color: #d0d8e1;
      width: 7px; }
    .sticy-box .home-title__dropdown--menu::-webkit-scrollbar-thumb {
      background-color: #a1a8af; }
    .sticy-box .home-title__dropdown--menu li {
      border-right: none; }

.coDesc1_nav {
  position: relative; }
  .coDesc1_nav a {
    border: 1px solid #2288cf;
    color: #2288cf;
    transition-duration: .5s; }
    .coDesc1_nav a:hover {
      color: #fff;
      background-color: #2288cf; }
  .coDesc1_nav .coDesc_nav__title {
    width: 100%; }
    .coDesc1_nav .coDesc_nav__title h3 {
      text-align: center;
      width: 100%;
      text-transform: uppercase;
      font-family: "mr_RegisterWideBold", sans-serif;
      font-size: 135px;
      font-weight: 600;
      color: #c2e1f7;
      line-height: 124px; }

.coDesc2_nav {
  position: relative; }
  .coDesc2_nav a {
    border: 1px solid #3ea72d;
    color: #3ea72d;
    transition-duration: .5s; }
    .coDesc2_nav a:hover {
      color: #fff;
      background-color: #3ea72d; }
  .coDesc2_nav .coDesc_nav__title h3 {
    border: 2px solid #ff0027;
    color: #ff0027;
    height: 85px;
    line-height: 78px;
    background-color: #fff;
    border-radius: 10px;
    padding: 0 19px 0 21px;
    position: absolute;
    top: 50px;
    right: 171px; }

.coDesc3_nav {
  position: relative; }
  .coDesc3_nav a {
    border: 1px solid #7c1dcb;
    color: #7c1dcb;
    transition-duration: .5s; }
    .coDesc3_nav a:hover {
      color: #fff;
      background-color: #7c1dcb; }
  .coDesc3_nav .coDesc_nav__title h3 {
    border: 2px solid #7c1dcb;
    color: #7c1dcb;
    height: 85px;
    line-height: 78px;
    background-color: #fff;
    border-radius: 10px;
    padding: 0 19px 0 21px;
    position: absolute;
    top: 50px;
    right: 171px; }

.coDesc4_nav {
  position: relative; }
  .coDesc4_nav a {
    border: 1px solid #d75702;
    color: #d75702;
    transition-duration: .5s; }
    .coDesc4_nav a:hover {
      color: #fff;
      background-color: #d75702; }
  .coDesc4_nav .coDesc_nav__title h3 {
    border: 2px solid #d75702;
    color: #d75702;
    height: 85px;
    line-height: 78px;
    background-color: #fff;
    border-radius: 10px;
    padding: 0 19px 0 21px;
    position: absolute;
    top: 50px;
    right: 171px; }

.coDesc5_nav {
  position: relative; }
  .coDesc5_nav a {
    border: 1px solid #104b01;
    color: #104b01;
    transition-duration: .5s; }
    .coDesc5_nav a:hover {
      color: #fff;
      background-color: #104b01; }
  .coDesc5_nav .coDesc_nav__title h3 {
    border: 2px solid #104b01;
    color: #104b01;
    height: 85px;
    line-height: 78px;
    background-color: #fff;
    border-radius: 10px;
    padding: 0 19px 0 21px;
    position: absolute;
    top: 50px;
    right: 171px; }

.coDesc6_nav {
  position: relative; }
  .coDesc6_nav a {
    border: 1px solid #1b8b2a;
    color: #1b8b2a;
    transition-duration: .5s; }
    .coDesc6_nav a:hover {
      color: #fff;
      background-color: #1b8b2a; }
  .coDesc6_nav .coDesc_nav__title h3 {
    border: 2px solid #1b8b2a;
    color: #1b8b2a;
    height: 85px;
    line-height: 78px;
    background-color: #fff;
    border-radius: 10px;
    padding: 0 19px 0 21px;
    position: absolute;
    top: 50px;
    right: 171px; }

.coDesc7_nav {
  position: relative; }
  .coDesc7_nav a {
    border: 1px solid #0095fe;
    color: #0095fe;
    transition-duration: .5s; }
    .coDesc7_nav a:hover {
      color: #fff;
      background-color: #0095fe; }
  .coDesc7_nav::after {
    content: "";
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    background-image: url("../img/bg/mainBg.png");
    height: 225px; }
  .coDesc7_nav .coDesc_nav__title h3 {
    border: 2px solid #0095fe;
    color: #0095fe;
    height: 85px;
    line-height: 78px;
    background-color: #fff;
    border-radius: 10px;
    padding: 0 19px 0 21px;
    position: absolute;
    top: 50px;
    right: 171px; }

.coDesc8_nav {
  position: relative; }
  .coDesc8_nav a {
    border: 1px solid #bd0209;
    color: #bd0209;
    transition-duration: .5s; }
    .coDesc8_nav a:hover {
      color: #fff;
      background-color: #bd0209; }
  .coDesc8_nav .coDesc_nav__title h3 {
    border: 2px solid #bd0209;
    color: #bd0209;
    height: 85px;
    line-height: 78px;
    background-color: #fff;
    border-radius: 10px;
    padding: 0 19px 0 21px;
    position: absolute;
    top: 50px;
    right: 171px; }
  .coDesc8_nav::after {
    content: "";
    display: block;
    bottom: 0;
    left: 0;
    width: 100%;
    background-image: url("../img/bg/mainBg.png");
    height: 225px; }

.coDesc9_nav {
  position: relative; }
  .coDesc9_nav a {
    border: 1px solid #024593;
    color: #024593;
    transition-duration: .5s; }
    .coDesc9_nav a:hover {
      color: #fff;
      background-color: #024593; }
  .coDesc9_nav .coDesc_nav__title h3 {
    border: 2px solid #024593;
    color: #024593;
    height: 85px;
    line-height: 78px;
    background-color: #fff;
    border-radius: 10px;
    padding: 0 19px 0 21px;
    position: absolute;
    top: 50px;
    right: 171px; }

.coDesc9_1_nav {
  position: relative; }
  .coDesc9_1_nav a {
    border: 1px solid #024593;
    color: #024593;
    transition-duration: .5s; }
    .coDesc9_1_nav a:hover {
      color: #fff;
      background-color: #024593; }
  .coDesc9_1_nav .coDesc_nav-box {
    justify-content: flex-end;
    margin-right: 150px; }
  .coDesc9_1_nav .coDesc_nav__title h3 {
    border: 2px solid #024593;
    color: #024593;
    height: 85px;
    line-height: 78px;
    background-color: #fff;
    border-radius: 10px;
    padding: 0 19px 0 21px;
    position: absolute;
    top: 50px;
    right: 171px; }

.coDesc10_nav {
  position: relative; }
  .coDesc10_nav a {
    border: 1px solid #d65f63;
    color: #d65f63;
    transition-duration: .5s; }
    .coDesc10_nav a:hover {
      color: #fff;
      background-color: #d65f63; }
  .coDesc10_nav .coDesc_nav__title h3 {
    border: 2px solid #d65f63;
    color: #d65f63;
    height: 85px;
    line-height: 78px;
    background-color: #fff;
    border-radius: 10px;
    padding: 0 19px 0 21px;
    position: absolute;
    top: 50px;
    right: 171px; }

.coDesc_nav-box {
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
  padding: 80px 0 0 0; }
.coDesc_nav__btn {
  display: flex;
  align-items: center; }
  .coDesc_nav__btn a {
    display: block;
    margin-right: 22px;
    padding: 11px 32px;
    border-radius: 26px;
    font-size: 23px; }
.coDesc_nav__title h3 {
  font-size: 65px;
  font-weight: 400; }

main {
  position: relative; }

.competition {
  position: relative; }
  .competition::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 198px;
    background-color: #eff1f5;
    z-index: -1;
    top: 0;
    left: 0; }
  .competition::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 198px;
    background-color: #eff1f5;
    z-index: -1;
    bottom: 0;
    left: 0; }
  .competition-title {
    font-size: 26px;
    color: #7eaed7;
    font-family: "ChampagneLimousines", sans-serif;
    font-weight: 600;
    line-height: 15px;
    padding: 0 0 28px 0;
    margin-left: calc(586px - 37px); }
  .competition__border {
    border: 1px solid #898989;
    padding: 4px;
    background-color: #fff;
    box-shadow: 10px 10px 3px 0px rgba(0, 0, 0, 0.5);
    margin: 0 7px 23px 7px; }
  .competition__item {
    position: relative;
    padding: 0;
    margin: 0 15px 30px 15px;
    z-index: 2;
    width: 256px;
    height: 256px;
    overflow: hidden; }
    .competition__item > img {
      width: 266px;
      height: 266px;
      height: auto;
      vertical-align: top;
      margin-left: -5px;
      margin-top: -5px; }
    .competition__item--link {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      z-index: 999;
      display: table-cell; }
    .competition__item--hover {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      z-index: 8;
      height: 100%;
      opacity: 0;
      background-color: rgba(0, 0, 0, 0.6);
      overflow: hidden;
      transition: .5s;
      display: flex;
      align-items: center;
      justify-content: center; }
      .competition__item--hover-example {
        width: 149px;
        height: 43px;
        border: 1px solid #fff;
        box-sizing: border-box;
        line-height: 43px;
        text-align: center;
        text-transform: uppercase;
        color: #fff;
        font-size: 36px;
        font-weight: 300;
        cursor: pointer; }
      .competition__item--hover-box {
        height: 100%;
        overflow: hidden;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        padding-bottom: 15px; }
        .competition__item--hover-box--wrap {
          display: flex;
          align-items: center;
          justify-content: center;
          margin-bottom: 4px; }
        .competition__item--hover-box--item {
          margin: 0 5px; }
      .competition__item--hover-btn {
        display: block;
        border-radius: 15px;
        width: fit-content;
        background-color: #fff;
        font-size: 14px;
        font-family: "Montserrat", sans-serif;
        color: #000;
        width: 118px;
        height: 32px;
        line-height: 33px;
        text-align: center;
        transition: all .3s;
        margin-top: 6px; }
      .competition__item--hover-text {
        color: #fff;
        font-size: 15px;
        font-weight: 400; }
      .competition__item--hover__img {
        width: 50px;
        height: 50px;
        box-sizing: border-box;
        border-radius: 50%;
        border: 1px solid #fff;
        display: flex;
        align-items: center;
        justify-content: center; }
    .competition__item--bigImg {
      position: absolute;
      top: 0;
      bottom: 0;
      width: 100%; }
  .competition__place {
    width: 256px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    margin: 0 15px; }
    .competition__place--num {
      width: 45px;
      height: 45px;
      border: 1px solid #7e8da6;
      color: #7e8da6;
      font-size: 35px;
      text-align: center;
      line-height: 45px;
      border-radius: 50%;
      margin-bottom: 5px; }
    .competition__place--desc {
      color: #7e8da6;
      font-size: 24px;
      text-transform: uppercase; }
  .competition1 {
    padding: 0 0 40px; }
    .competition1::after {
      background: none; }
  .competition2 {
    padding: 70px 0 40px; }
  .competition3 {
    position: relative; }
  .competition11::before {
    display: none; }
  .competition13 {
    padding: 126px 0 70px; }
    .competition13::before {
      content: "";
      display: block;
      position: absolute;
      width: 100%;
      height: 230px;
      background-image: url("../img/bg/mainBg.png");
      z-index: -1;
      bottom: 0;
      left: 0; }
  .competition14 {
    padding: 50px 0 70px; }
    .competition14::after {
      background: none; }
    .competition14::before {
      content: "";
      display: block;
      position: absolute;
      width: 100%;
      height: 230px;
      background-image: url("../img/bg/mainBg.png");
      z-index: -1;
      bottom: 0;
      left: 0; }
  .competition15 {
    padding: 126px 0 111px;
    box-shadow: 0px 25px 27px 0px rgba(0, 0, 0, 0.43); }
    .competition15::before {
      content: "";
      display: block;
      position: absolute;
      width: 100%;
      height: 274px;
      background-image: url("../img/bg/mainBg.png");
      z-index: -1;
      bottom: 0;
      left: 0; }
  .competition16 {
    padding: 50px 0 50px; }
    .competition16::after {
      background: none; }
    .competition16::before {
      height: 208px; }
  .competition17 {
    padding: 50px 0 57px; }
    .competition17::before {
      display: none; }
    .competition17::after {
      display: none; }
  .competition18 {
    padding: 50px 0 70px; }
    .competition18::after {
      background: none; }
  .competition19 {
    padding: 50px 0 70px; }
    .competition19::after {
      background: none; }
    .competition19::before {
      background: #fff; }
  .competition20 {
    padding: 126px 0 70px; }
    .competition20::before {
      content: "";
      display: block;
      position: absolute;
      width: 100%;
      height: 230px;
      background: #fff;
      z-index: -1;
      bottom: 0;
      left: 0; }
    .competition20::after {
      background: #fff; }
  .competition__bg {
    width: 100%;
    display: block;
    position: absolute;
    bottom: -170px;
    left: 0;
    height: 170px;
    background-image: url("../img/bg/mainBg.png"); }

.coDesc-item__desc--hover {
  width: 100%; }
  .coDesc-item__desc--hover .coDesc-item__desc--block > div {
    display: flex; }
  .coDesc-item__desc--hover .coDesc-item__desc--block .nowrrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; }

.count-people {
  margin-top: 5px;
  margin-bottom: 35px;
  transition: all .7s;
  opacity: 1; }
  .count-people--span {
    background-color: #7e8da6;
    font-size: 40px;
    font-weight: 600;
    color: #fff;
    font-family: "ChampagneLimousines", sans-serif;
    display: flex;
    text-align: center;
    border-radius: 28px;
    align-items: center;
    justify-content: center;
    width: 136px;
    height: 50px;
    margin-top: 2px;
    margin-bottom: 3px; }

.spanBlock {
  display: flex !important;
  align-items: center;
  flex-direction: column; }
  .spanBlock h5 {
    text-transform: uppercase;
    color: #7e8da6;
    font-size: 18px; }

.co_7--spanBlock {
  background-image: url("../img/bg/mainBg.png");
  padding-bottom: 43px; }
  .co_7--spanBlock:after {
    content: "";
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 110px;
    box-shadow: 0px 25px 24px 0px rgba(0, 0, 0, 0.43); }
  .co_7--spanBlock__wrap {
    width: 1366px;
    margin: 0 auto 12px;
    display: flex;
    justify-content: flex-end; }
  .co_7--spanBlock .spanBlock {
    border-radius: 12px;
    background-color: #fff;
    padding: 18px 20px 20px;
    margin-right: 114px;
    box-shadow: 1.847px 2.364px 7.83px 1.17px rgba(108, 106, 106, 0.25); }
  .co_7--spanBlock .count-people--span {
    margin: 0 0 5px 0; }
.co_7-regularBtn {
  width: 100%;
  height: 0;
  position: relative;
  z-index: 9;
  display: flex;
  justify-content: center; }
  .co_7-regularBtn .coDesc-ready__title {
    top: 60%; }

.foot-statistic {
  display: flex;
  align-items: center;
  justify-content: center; }
  .foot-statistic--h0 {
    height: 0; }
  .foot-statistic--h7 {
    flex-direction: column;
    align-items: flex-start;
    height: 0;
    position: absolute;
    bottom: 125px;
    left: 15%; }
  .foot-statistic-button {
    background-color: #fff;
    box-shadow: 1.847px 2.364px 7.83px 1.17px rgba(108, 106, 106, 0.25);
    font-size: 17px;
    font-weight: bold;
    height: 34px;
    line-height: 33px;
    width: 128px;
    border-radius: 17px;
    text-align: center;
    color: #798ea8;
    cursor: pointer;
    transition: all .3s; }
    .foot-statistic-button:hover {
      background-color: #7e8da6;
      color: #fff;
      box-shadow: none; }
  .foot-statistic--co1 {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -70px; }
  .foot-statistic--co2 {
    z-index: 10001;
    margin: 15px 0; }
  .foot-statistic--co3 {
    margin: 15px 30px 45px; }
  .foot-statistic--co3choice {
    width: 180px;
    margin: 15px 30px 45px; }
  .foot-statistic--co4 {
    margin: 15px 30px;
    z-index: 10001; }
  .foot-statistic--co4choice {
    width: 180px;
    margin: 15px 30px;
    z-index: 10001; }
  .foot-statistic--co5 {
    width: 300px;
    margin: 0 20px 140px;
    z-index: 10001; }
  .foot-statistic--co5choice {
    width: 180px;
    margin: 0 20px 140px;
    z-index: 10001; }
  .foot-statistic--co6 {
    width: 300px;
    margin: 0 20px 140px;
    z-index: 10001; }
  .foot-statistic--co6choice {
    width: 180px;
    margin: 0 20px 140px;
    z-index: 10001; }
  .foot-statistic--co7 {
    width: 320px;
    margin: 0 20px 10px;
    z-index: 10001; }
  .foot-statistic--co7choice {
    width: 230px;
    margin: 0 20px 10px 65px;
    z-index: 10001; }

.slide-vote19 {
  background: #fff; }

.main-statistic {
  overflow: hidden;
  margin-bottom: 0 !important; }

.show .logo {
  position: fixed; }

.cs-sidebar--1 {
  background-size: cover;
  z-index: 5;
  background-color: #fff; }
  .cs-sidebar--1__title {
    margin-top: -3%;
    overflow: hidden; }
  .cs-sidebar--1__head {
    position: relative;
    height: 143px;
    display: flex;
    align-items: center;
    background-size: calc(100% + 5px), 165px;
    background-position: -5px -5px;
    overflow: hidden;
    z-index: 99;
    padding: 0 13px 1px 34px; }
    .cs-sidebar--1__head--bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 143px;
      z-index: 0;
      background-image: url("../img/bg/bg_1_2_h.png");
      background-size: cover;
      background-repeat: no-repeat;
      overflow: hidden;
      cursor: pointer; }
      .cs-sidebar--1__head--bg img {
        transition: all 0.3s;
        width: 100%;
        height: 100%; }
    .cs-sidebar--1__head:hover .cs-sidebar--1__head--bg img {
      opacity: 0; }
    .cs-sidebar--1__head--title {
      position: relative; }
  .cs-sidebar--1__sponsor {
    width: 134px;
    position: relative;
    z-index: 99999; }
    .cs-sidebar--1__sponsor > a {
      height: 32px; }
  .cs-sidebar--1 .cs-sidebar__sponsor--1 {
    display: none;
    width: 51px;
    height: auto;
    position: absolute;
    top: 148px;
    right: 30px;
    top: 9px;
    align-items: center;
    justify-content: center;
    z-index: 999; }
    .cs-sidebar--1 .cs-sidebar__sponsor--1::after {
      display: block;
      position: absolute;
      content: "";
      width: 100%;
      height: 30px;
      top: -10px; }
    .cs-sidebar--1 .cs-sidebar__sponsor--1 img {
      margin: 0 2px; }
  .cs-sidebar--1 .coDesc-item__desc--hover {
    width: 410px;
    padding: 0; }
    .cs-sidebar--1 .coDesc-item__desc--hover .coDesc-arrow nav-icon {
      margin: 0; }
    .cs-sidebar--1 .coDesc-item__desc--hover h6 {
      margin: 0 !important; }
    .cs-sidebar--1 .coDesc-item__desc--hover .coDesc-item__desc--block {
      padding-right: 15px; }
      .cs-sidebar--1 .coDesc-item__desc--hover .coDesc-item__desc--block p {
        margin-bottom: 6px; }
  .cs-sidebar--1 .coDesc-final__box:hover img {
    height: 46px; }
  .cs-sidebar--1__item h3 {
    font-weight: bold;
    font-size: 58px;
    color: #2288cf;
    text-transform: uppercase;
    font-family: "mr_RegisterWideBold", sans-serif; }
  .cs-sidebar--1__item .coDesc-item__desc--hover h6 {
    color: #2288cf; }
  .cs-sidebar--1__item .coDesc-item__desc--hover span {
    color: #2288cf; }
  .cs-sidebar--1 .coDesc-title {
    align-items: center;
    justify-content: center;
    margin-right: 0; }
    .cs-sidebar--1 .coDesc-title h6 {
      display: inline-block;
      margin-left: 15px;
      font-size: 18px !important;
      text-transform: uppercase; }
  .cs-sidebar--1 .coDesc-arrow {
    width: 30px;
    height: 30px;
    margin-right: 12px;
    background-color: #2288cf;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 7px 5px;
    cursor: pointer; }
    .cs-sidebar--1 .coDesc-arrow img {
      width: 100%; }
  .cs-sidebar--1 .info_com {
    margin-left: -4px; }
  .cs-sidebar--1 .history-date__title {
    font-size: 16px; }

.cs-sidebar--2 {
  background-size: cover;
  z-index: 5;
  background-color: #fff; }
  .cs-sidebar--2__title {
    margin-top: -3%;
    overflow: hidden; }
  .cs-sidebar--2__head {
    position: relative;
    height: 143px;
    display: flex;
    align-items: center;
    background-size: calc(100% + 5px), 165px;
    background-position: -5px -5px;
    overflow: hidden;
    z-index: 99;
    padding: 0 13px 1px 34px; }
    .cs-sidebar--2__head--bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 143px;
      z-index: 0;
      background-image: url("../img/bg/bg_2_2_h.png");
      background-size: cover;
      background-repeat: no-repeat;
      overflow: hidden;
      cursor: pointer; }
      .cs-sidebar--2__head--bg img {
        transition: all 0.3s;
        width: 100%;
        height: 100%; }
    .cs-sidebar--2__head:hover .cs-sidebar--2__head--bg img {
      opacity: 0; }
    .cs-sidebar--2__head--title {
      position: relative; }
  .cs-sidebar--2__sponsor {
    width: 134px;
    position: relative;
    z-index: 99999; }
    .cs-sidebar--2__sponsor > a {
      height: 32px; }
  .cs-sidebar--2 .cs-sidebar__sponsor--1 {
    display: none;
    width: 51px;
    height: auto;
    position: absolute;
    top: 148px;
    right: 30px;
    top: 9px;
    align-items: center;
    justify-content: center;
    z-index: 999; }
    .cs-sidebar--2 .cs-sidebar__sponsor--1::after {
      display: block;
      position: absolute;
      content: "";
      width: 100%;
      height: 30px;
      top: -10px; }
    .cs-sidebar--2 .cs-sidebar__sponsor--1 img {
      margin: 0 2px; }
  .cs-sidebar--2 .coDesc-final__box:hover img {
    height: 46px; }
  .cs-sidebar--2 .coDesc-item__desc--hover {
    width: 410px;
    padding: 0; }
    .cs-sidebar--2 .coDesc-item__desc--hover .coDesc-arrow nav-icon {
      margin: 0; }
    .cs-sidebar--2 .coDesc-item__desc--hover h6 {
      margin: 0 !important; }
    .cs-sidebar--2 .coDesc-item__desc--hover .coDesc-item__desc--block {
      padding-right: 15px; }
      .cs-sidebar--2 .coDesc-item__desc--hover .coDesc-item__desc--block p {
        margin-bottom: 6px; }
  .cs-sidebar--2__item h3 {
    font-weight: bold;
    font-size: 58px;
    color: #3ea72d;
    text-transform: uppercase;
    font-family: "mr_RegisterWideBold", sans-serif; }
  .cs-sidebar--2__item .coDesc-item__desc--hover h6 {
    color: #3ea72d; }
  .cs-sidebar--2__item .coDesc-item__desc--hover span {
    color: #3ea72d; }
  .cs-sidebar--2__btn {
    background: #f0f2f5; }
  .cs-sidebar--2 .coDesc-title {
    align-items: center;
    justify-content: center;
    margin-right: 0; }
    .cs-sidebar--2 .coDesc-title h6 {
      display: inline-block;
      margin-left: 15px;
      font-size: 18px !important;
      text-transform: uppercase; }
  .cs-sidebar--2 .coDesc-arrow {
    width: 30px;
    height: 30px;
    margin-right: 12px;
    background-color: #3ea72d;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 7px 5px;
    cursor: pointer; }
    .cs-sidebar--2 .coDesc-arrow img {
      width: 100%; }
  .cs-sidebar--2 .info_com {
    margin-left: -4px; }
  .cs-sidebar--2 .history-date__title {
    font-size: 16px; }

.cs-sidebar--3 {
  background-size: cover;
  z-index: 5;
  background-color: #fff; }
  .cs-sidebar--3__title {
    margin-top: -3%;
    overflow: hidden; }
  .cs-sidebar--3__head {
    position: relative;
    height: 143px;
    display: flex;
    align-items: center;
    background-size: calc(100% + 5px), 165px;
    background-position: -5px -5px;
    overflow: hidden;
    z-index: 99;
    padding: 0 13px 1px 34px; }
    .cs-sidebar--3__head--bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 143px;
      z-index: 0;
      background-image: url("../img/bg/bg_3_2_h.png");
      background-size: cover;
      background-repeat: no-repeat;
      overflow: hidden;
      cursor: pointer; }
      .cs-sidebar--3__head--bg img {
        transition: all 0.3s;
        width: 100%;
        height: 100%; }
    .cs-sidebar--3__head--back::before {
      content: "";
      display: block;
      position: absolute;
      top: 100%;
      left: -5%;
      width: 110%;
      height: 70px;
      box-shadow: 0px -20px 40px 0px rgba(0, 0, 0, 0.2);
      z-index: 9; }
    .cs-sidebar--3__head:hover .cs-sidebar--3__head--bg img {
      opacity: 0; }
    .cs-sidebar--3__head--title {
      position: relative; }
  .cs-sidebar--3__sponsor {
    width: 134px;
    position: relative;
    z-index: 99999; }
    .cs-sidebar--3__sponsor img {
      height: 52px; }
  .cs-sidebar--3 .cs-sidebar__sponsor--1 {
    display: none;
    width: 51px;
    height: auto;
    position: absolute;
    top: 148px;
    right: 30px;
    top: 9px;
    align-items: center;
    justify-content: center;
    z-index: 999; }
    .cs-sidebar--3 .cs-sidebar__sponsor--1::after {
      display: block;
      position: absolute;
      content: "";
      width: 100%;
      height: 30px;
      top: -10px; }
    .cs-sidebar--3 .cs-sidebar__sponsor--1 img {
      margin: 0 2px; }
  .cs-sidebar--3 .coDesc-item__desc--hover {
    width: 410px;
    padding: 0; }
    .cs-sidebar--3 .coDesc-item__desc--hover .coDesc-arrow nav-icon {
      margin: 0; }
    .cs-sidebar--3 .coDesc-item__desc--hover h6 {
      margin: 0 !important; }
    .cs-sidebar--3 .coDesc-item__desc--hover .coDesc-item__desc--block {
      padding-right: 15px; }
      .cs-sidebar--3 .coDesc-item__desc--hover .coDesc-item__desc--block p {
        margin-bottom: 6px; }
  .cs-sidebar--3__item h3 {
    font-weight: bold;
    font-size: 58px;
    color: #7c1dcb;
    text-transform: uppercase;
    font-family: "mr_RegisterWideBold", sans-serif; }
  .cs-sidebar--3__item .coDesc-item__desc--hover h6 {
    color: #7c1dcb; }
  .cs-sidebar--3__item .coDesc-item__desc--hover span {
    color: #7c1dcb; }
  .cs-sidebar--3 .coDesc-title {
    align-items: center;
    justify-content: center;
    margin-right: 0; }
    .cs-sidebar--3 .coDesc-title h6 {
      display: inline-block;
      margin-left: 15px;
      font-size: 18px !important;
      text-transform: uppercase; }
  .cs-sidebar--3 .coDesc-arrow {
    width: 30px;
    height: 30px;
    margin-right: 12px;
    background-color: #7c1dcb;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 7px 5px;
    cursor: pointer; }
    .cs-sidebar--3 .coDesc-arrow img {
      width: 100%; }
  .cs-sidebar--3 .coDesc-final__box {
    margin-left: 75px; }
  .cs-sidebar--3 .info_com {
    margin-left: -4px; }
  .cs-sidebar--3 .slideGroup {
    height: 34px; }
  .cs-sidebar--3 .coDesc-final {
    margin-top: 6px; }
  .cs-sidebar--3 .coDesc-final__box {
    margin-left: 97px; }
  .cs-sidebar--3 .history-date__title {
    font-size: 16px; }

.cs-sidebar--4 {
  background-size: cover;
  z-index: 5;
  background-color: #fff; }
  .cs-sidebar--4__title {
    margin-top: -3%;
    overflow: hidden; }
  .cs-sidebar--4__head {
    position: relative;
    height: 143px;
    display: flex;
    align-items: center;
    background-size: calc(100% + 5px), 165px;
    background-position: -5px -5px;
    overflow: hidden;
    z-index: 99;
    padding: 0 13px 1px 34px; }
    .cs-sidebar--4__head::before {
      content: "";
      display: block;
      position: absolute;
      top: 100%;
      left: -5%;
      width: 110%;
      height: 70px;
      z-index: 9; }
    .cs-sidebar--4__head--bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 143px;
      z-index: 0;
      background-image: url("../img/bg/bg_4_2_h.png");
      background-size: cover;
      background-repeat: no-repeat;
      overflow: hidden;
      cursor: pointer; }
      .cs-sidebar--4__head--bg::before {
        content: "";
        display: block;
        position: absolute;
        top: 100%;
        left: -5%;
        width: 110%;
        height: 70px;
        z-index: 9; }
      .cs-sidebar--4__head--bg img {
        transition: all 0.3s;
        width: 100%;
        height: 100%; }
    .cs-sidebar--4__head:hover .cs-sidebar--4__head--bg img {
      opacity: 0; }
    .cs-sidebar--4__head--title {
      position: relative; }
  .cs-sidebar--4__sponsor {
    width: 134px;
    position: relative;
    z-index: 99999; }
    .cs-sidebar--4__sponsor img {
      height: 36px; }
  .cs-sidebar--4 .cs-sidebar__sponsor--1 {
    display: none;
    width: 51px;
    height: auto;
    position: absolute;
    top: 148px;
    right: 30px;
    top: 9px;
    align-items: center;
    justify-content: center;
    z-index: 999; }
    .cs-sidebar--4 .cs-sidebar__sponsor--1::after {
      display: block;
      position: absolute;
      content: "";
      width: 100%;
      height: 30px;
      top: -10px; }
    .cs-sidebar--4 .cs-sidebar__sponsor--1 img {
      margin: 0 2px; }
  .cs-sidebar--4 .coDesc-item__desc--hover {
    width: 410px;
    padding: 0; }
    .cs-sidebar--4 .coDesc-item__desc--hover .coDesc-arrow nav-icon {
      margin: 0; }
    .cs-sidebar--4 .coDesc-item__desc--hover h6 {
      margin: 0 !important; }
    .cs-sidebar--4 .coDesc-item__desc--hover .coDesc-item__desc--block {
      padding-right: 15px; }
      .cs-sidebar--4 .coDesc-item__desc--hover .coDesc-item__desc--block p {
        margin-bottom: 6px; }
  .cs-sidebar--4__item h3 {
    font-weight: bold;
    font-size: 58px;
    color: #d75702;
    text-transform: uppercase;
    font-family: "mr_RegisterWideBold", sans-serif; }
  .cs-sidebar--4__item .coDesc-item__desc--hover h6 {
    color: #d75702; }
  .cs-sidebar--4__item .coDesc-item__desc--hover span {
    color: #d75702; }
  .cs-sidebar--4 .coDesc-title {
    align-items: center;
    justify-content: center;
    margin-right: 0; }
    .cs-sidebar--4 .coDesc-title h6 {
      display: inline-block;
      margin-left: 15px;
      font-size: 18px !important;
      text-transform: uppercase; }
  .cs-sidebar--4 .coDesc-arrow {
    width: 30px;
    height: 30px;
    margin-right: 12px;
    background-color: #d75702;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 7px 5px;
    cursor: pointer; }
    .cs-sidebar--4 .coDesc-arrow img {
      width: 100%; }
  .cs-sidebar--4 .coDesc-final__box {
    margin-left: 75px; }
  .cs-sidebar--4 .info_com {
    margin-left: -4px; }
  .cs-sidebar--4 .slideGroup_4 {
    height: 34px; }
  .cs-sidebar--4 .coDesc-final {
    margin-top: 6px; }
  .cs-sidebar--4 .coDesc-final__box {
    margin-left: 97px; }
  .cs-sidebar--4 .history-date__title {
    font-size: 16px; }

.cs-sidebar--5 {
  background-size: cover;
  z-index: 5;
  background-color: #fff; }
  .cs-sidebar--5__title {
    margin-top: -3%;
    overflow: hidden; }
  .cs-sidebar--5__head {
    position: relative;
    height: 143px;
    display: flex;
    align-items: center;
    background-size: calc(100% + 5px), 165px;
    background-position: -5px -5px;
    overflow: hidden;
    z-index: 99;
    padding: 0 13px 1px 34px; }
    .cs-sidebar--5__head--bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 143px;
      z-index: 0;
      background-image: url("../img/bg/bg_5_2_h.png");
      background-size: cover;
      background-repeat: no-repeat;
      overflow: hidden;
      cursor: pointer; }
      .cs-sidebar--5__head--bg img {
        transition: all 0.3s;
        width: 100%;
        height: 100%; }
    .cs-sidebar--5__head:hover .cs-sidebar--5__head--bg img {
      opacity: 0; }
    .cs-sidebar--5__head--title {
      position: relative; }
    .cs-sidebar--5__head--box img {
      max-width: 56%;
      height: auto; }
  .cs-sidebar--5__sponsor {
    width: 134px;
    position: relative;
    z-index: 99999; }
    .cs-sidebar--5__sponsor img {
      height: 36px; }
  .cs-sidebar--5 .cs-sidebar__sponsor--1 {
    display: none;
    width: 51px;
    height: auto;
    position: absolute;
    top: 148px;
    right: 30px;
    top: 9px;
    align-items: center;
    justify-content: center;
    z-index: 999; }
    .cs-sidebar--5 .cs-sidebar__sponsor--1::after {
      display: block;
      position: absolute;
      content: "";
      width: 100%;
      height: 30px;
      top: -10px; }
    .cs-sidebar--5 .cs-sidebar__sponsor--1 img {
      margin: 0 2px; }
  .cs-sidebar--5 .coDesc-item__desc--hover {
    width: 410px;
    padding: 0; }
    .cs-sidebar--5 .coDesc-item__desc--hover .coDesc-arrow nav-icon {
      margin: 0; }
    .cs-sidebar--5 .coDesc-item__desc--hover h6 {
      margin: 0 !important; }
    .cs-sidebar--5 .coDesc-item__desc--hover .coDesc-item__desc--block {
      padding-right: 15px; }
      .cs-sidebar--5 .coDesc-item__desc--hover .coDesc-item__desc--block p {
        margin-bottom: 6px; }
  .cs-sidebar--5__item h3 {
    font-weight: bold;
    font-size: 58px;
    color: #d75702;
    text-transform: uppercase;
    font-family: "mr_RegisterWideBold", sans-serif; }
  .cs-sidebar--5__item .coDesc-item__desc--hover h6 {
    color: #228300; }
  .cs-sidebar--5__item .coDesc-item__desc--hover span {
    color: #228300; }
  .cs-sidebar--5 .coDesc-title {
    align-items: center;
    justify-content: center;
    margin-right: 0; }
    .cs-sidebar--5 .coDesc-title h6 {
      display: inline-block;
      margin-left: 15px;
      font-size: 18px !important;
      text-transform: uppercase; }
  .cs-sidebar--5 .coDesc-arrow {
    width: 30px;
    height: 30px;
    margin-right: 12px;
    background-color: #228300;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 7px 5px;
    cursor: pointer; }
    .cs-sidebar--5 .coDesc-arrow img {
      width: 100%; }
  .cs-sidebar--5 .coDesc-final__box {
    margin-left: 62px; }
  .cs-sidebar--5 .info_com {
    margin-left: -4px; }

.cs-sidebar--6 {
  background-size: cover;
  z-index: 5;
  background-color: #fff; }
  .cs-sidebar--6__title {
    margin-top: -3%;
    overflow: hidden; }
  .cs-sidebar--6__head {
    position: relative;
    height: 143px;
    display: flex;
    align-items: center;
    background-size: calc(100% + 5px), 165px;
    background-position: -5px -5px;
    overflow: hidden;
    z-index: 99;
    padding: 0 13px 1px 34px; }
    .cs-sidebar--6__head--bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 143px;
      z-index: 0;
      background-image: url("../img/bg/bg_6_2_h.png");
      background-size: cover;
      background-repeat: no-repeat;
      overflow: hidden;
      cursor: pointer; }
      .cs-sidebar--6__head--bg img {
        transition: all 0.3s;
        width: 100%;
        height: 100%; }
    .cs-sidebar--6__head:hover .cs-sidebar--6__head--bg img {
      opacity: 0; }
    .cs-sidebar--6__head--title {
      position: relative; }
    .cs-sidebar--6__head--box img {
      max-width: 90%;
      height: auto; }
  .cs-sidebar--6__sponsor {
    width: 134px;
    position: relative;
    z-index: 99999; }
    .cs-sidebar--6__sponsor img {
      height: 36px; }
  .cs-sidebar--6 .cs-sidebar__sponsor--1 {
    display: none;
    width: 51px;
    height: auto;
    position: absolute;
    top: 148px;
    right: 30px;
    top: 9px;
    align-items: center;
    justify-content: center;
    z-index: 999; }
    .cs-sidebar--6 .cs-sidebar__sponsor--1::after {
      display: block;
      position: absolute;
      content: "";
      width: 100%;
      height: 30px;
      top: -10px; }
    .cs-sidebar--6 .cs-sidebar__sponsor--1 img {
      margin: 0 2px; }
  .cs-sidebar--6 .coDesc-item__desc--hover {
    width: 410px;
    padding: 0; }
    .cs-sidebar--6 .coDesc-item__desc--hover .coDesc-arrow nav-icon {
      margin: 0; }
    .cs-sidebar--6 .coDesc-item__desc--hover h6 {
      margin: 0 !important; }
    .cs-sidebar--6 .coDesc-item__desc--hover .coDesc-item__desc--block {
      padding-right: 15px; }
      .cs-sidebar--6 .coDesc-item__desc--hover .coDesc-item__desc--block p {
        margin-bottom: 6px; }
  .cs-sidebar--6__item h3 {
    font-weight: bold;
    font-size: 58px;
    color: #d75702;
    text-transform: uppercase;
    font-family: "mr_RegisterWideBold", sans-serif; }
  .cs-sidebar--6__item .coDesc-item__desc--hover h6 {
    color: #00624d; }
  .cs-sidebar--6__item .coDesc-item__desc--hover span {
    color: #00624d; }
  .cs-sidebar--6 .coDesc-title {
    align-items: center;
    justify-content: center;
    margin-right: 0; }
    .cs-sidebar--6 .coDesc-title h6 {
      display: inline-block;
      margin-left: 15px;
      font-size: 18px !important;
      text-transform: uppercase; }
  .cs-sidebar--6 .coDesc-arrow {
    width: 30px;
    height: 30px;
    margin-right: 12px;
    background-color: #00624d;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 7px 5px;
    cursor: pointer; }
    .cs-sidebar--6 .coDesc-arrow img {
      width: 100%; }
  .cs-sidebar--6 .coDesc-final__box {
    margin-left: 62px; }
  .cs-sidebar--6 .info_com {
    margin-left: -4px; }

.cs-sidebar--9 {
  background-size: cover;
  z-index: 5;
  background-color: #fff; }
  .cs-sidebar--9__title {
    margin-top: -3%;
    overflow: hidden;
    height: calc(100vh - 183px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
  .cs-sidebar--9__head {
    position: relative;
    height: 143px;
    display: flex;
    align-items: center;
    background-size: calc(100% + 5px), 165px;
    background-position: -5px -5px;
    overflow: hidden;
    z-index: 99;
    padding: 0 13px 1px 34px; }
    .cs-sidebar--9__head--bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 143px;
      z-index: 0;
      background-image: url("../img/bg/bg_9_2_h.png");
      background-size: cover;
      background-repeat: no-repeat;
      overflow: hidden;
      cursor: pointer; }
      .cs-sidebar--9__head--bg img {
        transition: all 0.3s;
        width: 100%;
        height: 100%; }
    .cs-sidebar--9__head:hover .cs-sidebar--9__head--bg img {
      opacity: 0; }
    .cs-sidebar--9__head--title {
      position: relative; }
  .cs-sidebar--9__sponsor {
    width: 134px;
    position: relative;
    z-index: 99999; }
    .cs-sidebar--9__sponsor > a {
      height: 32px; }
  .cs-sidebar--9 .cs-sidebar__sponsor--1 {
    display: none;
    width: 51px;
    height: auto;
    position: absolute;
    top: 148px;
    right: 30px;
    top: 9px;
    align-items: center;
    justify-content: center;
    z-index: 999; }
    .cs-sidebar--9 .cs-sidebar__sponsor--1::after {
      display: block;
      position: absolute;
      content: "";
      width: 100%;
      height: 30px;
      top: -10px; }
    .cs-sidebar--9 .cs-sidebar__sponsor--1 img {
      margin: 0 2px; }
  .cs-sidebar--9 .coDesc-final__box:hover img {
    height: 46px; }
  .cs-sidebar--9 .coDesc-item__desc--hover {
    width: 410px;
    padding: 0; }
    .cs-sidebar--9 .coDesc-item__desc--hover .coDesc-arrow nav-icon {
      margin: 0; }
    .cs-sidebar--9 .coDesc-item__desc--hover h6 {
      margin: 0 !important; }
    .cs-sidebar--9 .coDesc-item__desc--hover .coDesc-item__desc--block {
      padding-right: 15px; }
      .cs-sidebar--9 .coDesc-item__desc--hover .coDesc-item__desc--block p {
        margin-bottom: 6px; }
  .cs-sidebar--9 .cs-sidebar__img {
    width: 115px;
    height: auto;
    margin: 10px; }
    .cs-sidebar--9 .cs-sidebar__img img {
      width: 100%; }
  .cs-sidebar--9__item {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center; }
  .cs-sidebar--9 .coDesc-title {
    align-items: center;
    justify-content: center;
    margin-right: 0; }
    .cs-sidebar--9 .coDesc-title h6 {
      display: inline-block;
      margin-left: 15px;
      font-size: 18px !important;
      text-transform: uppercase; }
  .cs-sidebar--9 .coDesc-arrow {
    width: 30px;
    height: 30px;
    margin-right: 12px;
    background-color: #024593;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 7px 5px;
    cursor: pointer; }
    .cs-sidebar--9 .coDesc-arrow img {
      width: 100%; }
  .cs-sidebar--9 .info_com {
    margin-left: -4px; }

.cs-sidebar--10 {
  background-size: cover;
  z-index: 5;
  background-color: #fff; }
  .cs-sidebar--10__title {
    margin-top: 8%;
    overflow: hidden;
    height: calc(100vh - 183px);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }
  .cs-sidebar--10__head {
    position: relative;
    height: 143px;
    display: flex;
    align-items: center;
    background-size: calc(100% + 5px), 165px;
    background-position: -5px -5px;
    overflow: hidden;
    z-index: 99;
    padding: 0 13px 1px 34px; }
    .cs-sidebar--10__head--bg {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 143px;
      z-index: 0;
      background-image: url("../img/bg/bg_10_2_h.png");
      background-size: cover;
      background-repeat: no-repeat;
      overflow: hidden;
      cursor: pointer; }
      .cs-sidebar--10__head--bg img {
        transition: all 0.3s;
        width: 100%;
        height: 100%; }
    .cs-sidebar--10__head:hover .cs-sidebar--10__head--bg img {
      opacity: 0; }
    .cs-sidebar--10__head--title {
      position: relative; }
  .cs-sidebar--10 .cs-sidebar__sponsor--1 {
    display: none;
    width: 51px;
    height: auto;
    position: absolute;
    top: 148px;
    right: 30px;
    top: 9px;
    align-items: center;
    justify-content: center;
    z-index: 999; }
    .cs-sidebar--10 .cs-sidebar__sponsor--1::after {
      display: block;
      position: absolute;
      content: "";
      width: 100%;
      height: 30px;
      top: -10px; }
    .cs-sidebar--10 .cs-sidebar__sponsor--1 img {
      margin: 0 2px; }
  .cs-sidebar--10 .coDesc-final__box:hover img {
    height: 46px; }
  .cs-sidebar--10 .coDesc-item__desc--hover {
    width: 410px;
    padding: 0; }
    .cs-sidebar--10 .coDesc-item__desc--hover .coDesc-arrow nav-icon {
      margin: 0; }
    .cs-sidebar--10 .coDesc-item__desc--hover h6 {
      margin: 0 !important; }
    .cs-sidebar--10 .coDesc-item__desc--hover .coDesc-item__desc--block {
      padding-right: 15px; }
      .cs-sidebar--10 .coDesc-item__desc--hover .coDesc-item__desc--block p {
        margin-bottom: 6px; }
  .cs-sidebar--10 .cs-sidebar__img {
    width: 150px;
    height: auto;
    margin: 10px; }
    .cs-sidebar--10 .cs-sidebar__img img {
      width: 100%; }
  .cs-sidebar--10__item {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: center; }
  .cs-sidebar--10 .coDesc-title {
    align-items: center;
    justify-content: center;
    margin-right: 0; }
    .cs-sidebar--10 .coDesc-title h6 {
      display: inline-block;
      margin-left: 15px;
      font-size: 18px !important;
      text-transform: uppercase; }
  .cs-sidebar--10 .coDesc-arrow {
    width: 30px;
    height: 30px;
    margin-right: 12px;
    background-color: #912424;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 7px 7px 5px;
    cursor: pointer; }
    .cs-sidebar--10 .coDesc-arrow img {
      width: 100%; }
  .cs-sidebar--10 .info_com {
    margin-left: -4px; }
  .cs-sidebar--10 .cs-sidebar__winPlace--text {
    padding-left: 8px; }
  .cs-sidebar--10__winPlace {
    width: 413px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
    padding-bottom: 10px;
    margin: -80px auto 0; }
    .cs-sidebar--10__winPlace--link {
      width: 100%;
      text-align: center;
      color: #7e8da6;
      position: absolute;
      bottom: 111px; }
      .cs-sidebar--10__winPlace--link a {
        color: #2188ff;
        text-decoration: underline;
        transition: all 0.3s;
        font-weight: bold;
        margin: 25px 0 5px;
        display: inline-block; }
        .cs-sidebar--10__winPlace--link a:hover {
          text-decoration: none; }

.rotateTemolate {
  background-image: url("../img/bg/eath_2.png");
  background-repeat: no-repeat;
  background-size: cover; }

.rotateTemolate_2 {
  background-image: url("../img/bg/footer_2.png");
  background-repeat: repeat;
  background-position-x: 0;
  background-position-y: bottom;
  transition: all 1s ease; }

.rotateTemolate_3 {
  background-image: url("../img/geniarium/main_bg/slideshow/sl_3/bg_1.png");
  background-repeat: no-repeat;
  background-size: cover;
  background-position-y: center;
  transition: all 1s ease; }

.rotateTemolate_4 {
  background-image: url("../img/geniarium/main_bg/slideshow/sl_4/bg_2.png");
  background-repeat: repeat;
  background-position-x: 0;
  background-position-y: bottom;
  transition: all 1s ease; }

.rotateTemolate_5 {
  background-image: url("../img/geniarium/main_bg/slideshow/sl_5/cs_1.png");
  background-repeat: repeat;
  background-position-x: 0;
  background-position-y: center;
  transition: all 1s ease; }

.rotateTemolate_6 {
  background-image: url("../img/geniarium/main_bg/slideshow/sl_6/bg.png");
  background-size: cover;
  background-repeat: repeat-x;
  background-position-x: 0;
  background-position-y: center;
  transition: all 1s ease; }

.rotateTemolate_9 {
  background-image: url("../img/bg/footer_9.png");
  background-repeat: no-repeat;
  background-size: cover;
  transition: all 1s ease; }

.rotateTemolate_10 {
  background-image: url("../img/bg/footer_10.png");
  background-repeat: repeat-x;
  background-size: cover;
  transition: all 1s ease; }

.slickSlide {
  width: calc(100% - 468px);
  height: 100vh;
  background-image: url("../img/bg/mainBg.png");
  text-align: center; }
  .slickSlide__cs2 {
    background: #f0f2f5; }
  .slickSlide__item {
    height: 100vh;
    position: relative;
    width: 100%;
    display: none; }
  .slickSlide-pic {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 91vh;
    height: 91vh;
    min-width: 610px;
    min-height: 610px;
    border-radius: 50%;
    background-color: #fff;
    margin: 0 auto;
    position: absolute;
    z-index: 8;
    top: 48%;
    left: 50%;
    transform: translate(-50%, -50%); }
    .slickSlide-pic__box {
      box-shadow: 10px 10px 3px 0px rgba(0, 0, 0, 0.5);
      border: 1px solid #898989;
      padding: 4px;
      box-sizing: content-box;
      position: relative;
      transition: all .5s; }
      .slickSlide-pic__box--img {
        border: 1px solid #898989;
        vertical-align: top; }
      .slickSlide-pic__box--about {
        height: calc(100% - 8px);
        position: absolute;
        top: 0;
        left: 0;
        width: calc(100% - 8px);
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-direction: column;
        background-color: rgba(0, 0, 0, 0.6);
        margin: 4px;
        transition: all .5s;
        opacity: 0; }
      .slickSlide-pic__box--name {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        display: flex;
        align-items: center;
        justify-content: flex-start;
        flex-direction: column;
        overflow: hidden;
        width: 96%;
        padding-left: 5px; }
        .slickSlide-pic__box--name__item {
          max-width: 100%; }
        .slickSlide-pic__box--name p {
          color: #fff;
          white-space: nowrap;
          overflow: hidden;
          text-overflow: ellipsis;
          font-size: 22px;
          margin-bottom: 35px; }
        .slickSlide-pic__box--name a {
          font-size: 15px;
          color: #fff;
          text-decoration: underline;
          display: block;
          cursor: pointer;
          transition: all 0.3s; }
          .slickSlide-pic__box--name a:hover {
            text-decoration: none; }
      .slickSlide-pic__box--icon {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        padding: 10px 10px;
        width: 100%;
        position: relative; }
        .slickSlide-pic__box--icon-g {
          display: flex;
          align-items: center;
          justify-content: flex-end;
          padding: 10px 10px;
          position: relative; }
          .slickSlide-pic__box--icon-g > div {
            cursor: pointer;
            margin: 0 8px; }
        .slickSlide-pic__box--icon > div {
          cursor: pointer;
          margin: 0 8px; }
        .slickSlide-pic__box--icon__content {
          display: none;
          position: absolute;
          border: 1px solid #b5b5b5;
          background-color: #fff;
          z-index: 99999999;
          color: #475566;
          text-align: left;
          width: 225px;
          top: 34px;
          right: 0; }
          .slickSlide-pic__box--icon__content a {
            display: block;
            padding: 8px 10px 9px;
            font-weight: bold;
            font-size: 14px;
            color: #475566;
            -webkit-transition: all 0.3s;
            transition: all 0.3s; }
            .slickSlide-pic__box--icon__content a:hover {
              background-color: #d0d8e1; }
        .slickSlide-pic__box--icon-1:hover .icon-1__title {
          opacity: 1; }
        .slickSlide-pic__box--icon-2:hover .icon-2__title {
          opacity: 1; }
        .slickSlide-pic__box--icon-3:hover .icon-3__title {
          opacity: 1; }
        .slickSlide-pic__box--icon-4:hover .icon-4__title {
          opacity: 1; }
        .slickSlide-pic__box--icon-5:hover .icon-5__title {
          opacity: 1; }
        .slickSlide-pic__box--icon-6:hover .icon-6__title {
          opacity: 1; }
        .slickSlide-pic__box--icon-7:hover .icon-7__title {
          opacity: 1; }
    .slickSlide-pic__item {
      box-sizing: content-box; }
    .slickSlide-pic__shadow:before {
      content: '';
      position: absolute;
      display: block;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      border-radius: 50% 50%;
      background-color: #fff;
      z-index: 0;
      box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.2); }
    .slickSlide-pic-cs4:before {
      content: '';
      position: absolute;
      display: block;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      border-radius: 50% 50%;
      background-color: #fff;
      z-index: 0;
      box-shadow: 0px 18px 12px 0px rgba(0, 0, 0, 0.25); }
    .slickSlide-pic-cs7:before {
      content: '';
      position: absolute;
      display: block;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      border-radius: 50% 50%;
      background-color: #fff;
      z-index: 0;
      box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.2); }
  .slickSlide-footer {
    position: absolute;
    top: 0;
    z-index: 2; }
    .slickSlide-footer_1 {
      top: 41vh;
      left: -37.5vw;
      background-image: url("../img/bg/eath_1.png");
      background-repeat: no-repeat;
      background-size: 100%;
      background-position: center;
      transition: transform 1.2s ease;
      transform-origin: center center;
      transform: rotate(0deg);
      width: 140vw;
      height: 140vw;
      overflow: hidden; }
      @media screen and (min-width: 1576px) {
        .slickSlide-footer_1 {
          left: -35vw; } }
      @media screen and (min-width: 1720px) {
        .slickSlide-footer_1 {
          left: -33.8vw; } }
    .slickSlide-footer_3 {
      bottom: 0;
      left: 0;
      background-image: url("../img/bg/footer_3_1.png");
      background-repeat: repeat-x;
      background-size: 120%;
      background-position-x: 0;
      background-position-y: bottom;
      transform-origin: center center;
      width: 100vw;
      height: 100vh;
      overflow: hidden;
      transition: all 1s ease; }
    .slickSlide-footer_4 {
      bottom: 0;
      left: 0;
      background-repeat: repeat-x;
      background-size: 100%;
      background-position-x: 0;
      background-position-y: bottom;
      transform-origin: center center;
      width: 100vw;
      height: 100vh;
      overflow: hidden;
      transition: all 1s; }
    .slickSlide-footer_5 {
      bottom: 0;
      left: 0; }
    .slickSlide-footer_6 {
      bottom: -108px;
      left: -113px;
      position: absolute;
      z-index: 100;
      width: 320px;
      height: 387px;
      background-image: url("../img/co/co_people/co_6/co_6_btn1.png");
      background-size: 100%;
      background-repeat: no-repeat;
      background-position: center; }
      .slickSlide-footer_6 img {
        display: none;
        width: 80%;
        bottom: -52%;
        left: -46%; }
    .slickSlide-footer_9 {
      top: 0;
      left: 0;
      background-image: url("../img/bg/footer_9_1.png");
      background-repeat: repeat-x;
      background-size: 100%;
      background-position-x: 0;
      background-position-y: bottom;
      transform-origin: center center;
      width: 100vw;
      height: 100vh;
      overflow: hidden;
      transition: all 1s ease; }
  .slickSlide-info {
    height: 82px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 0 45px 0 100px;
    position: absolute;
    left: 0;
    bottom: 82px;
    z-index: 99; }
    @media screen and (min-width: 1576px) {
      .slickSlide-info {
        bottom: 101px; } }
    @media screen and (min-width: 1720px) {
      .slickSlide-info {
        bottom: 129px; } }
    .slickSlide-info__item {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      position: relative; }
      .slickSlide-info__item-title {
        display: none;
        opacity: 0;
        position: absolute;
        left: 100%;
        background-color: #fff;
        border: 1px solid #798ea8;
        z-index: 999;
        font-size: 14px;
        font-weight: bold;
        color: #798ea8;
        text-align: left;
        padding: 6px 10px;
        transition: opacity 0.5s;
        width: 112px;
        box-shadow: 0px 5px 6.51px 0.49px rgba(0, 0, 0, 0.22); }
      .slickSlide-info__item--column {
        flex-direction: column; }
      .slickSlide-info__item--final {
        position: absolute;
        right: 498px;
        top: 60px;
        z-index: 999;
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-direction: column;
        height: 78px; }
      .slickSlide-info__item .info-content__item {
        display: none;
        position: absolute;
        border: 1px solid #b5b5b5;
        background-color: #fff;
        z-index: 99999999;
        color: #475566;
        text-align: left; }
        .slickSlide-info__item .info-content__item > a {
          cursor: pointer;
          line-height: 16px;
          display: block;
          font-weight: bold; }
      .slickSlide-info__item #item--export {
        background-color: #798ea8; }
        .slickSlide-info__item #item--export .slickSlide-info__item--info {
          filter: brightness(0) invert(1); }
        .slickSlide-info__item #item--export img {
          margin: 1px 1px 0 0; }
        .slickSlide-info__item #item--export:hover {
          background-color: #475566; }
          .slickSlide-info__item #item--export:hover > .slickSlide-info__item-title {
            display: block;
            opacity: 1;
            transition: opacity 0.5s; }
      .slickSlide-info__item #item--info {
        background-color: #798ea8; }
        .slickSlide-info__item #item--info .slickSlide-info__item--info {
          filter: brightness(0) invert(1);
          margin: 1px 0 0 2px; }
        .slickSlide-info__item #item--info:hover {
          background-color: #475566; }
          .slickSlide-info__item #item--info:hover > .slickSlide-info__item-title {
            display: block;
            opacity: 1;
            transition: opacity 0.5s; }
      .slickSlide-info__item #item--setting {
        background-color: #798ea8; }
        .slickSlide-info__item #item--setting .slickSlide-info__item--setting {
          filter: brightness(0) invert(1); }
        .slickSlide-info__item #item--setting:hover {
          background-color: #475566; }
          .slickSlide-info__item #item--setting:hover > .slickSlide-info__item-title {
            display: block;
            opacity: 1;
            transition: opacity 0.5s; }
      .slickSlide-info__item #item--setting__1 {
        background-color: #798ea8; }
        .slickSlide-info__item #item--setting__1 .slickSlide-info__item--setting__1 {
          filter: brightness(0) invert(1); }
        .slickSlide-info__item #item--setting__1:hover {
          background-color: #475566; }
          .slickSlide-info__item #item--setting__1:hover > .slickSlide-info__item-title {
            display: block;
            opacity: 1;
            transition: opacity 0.5s; }
      .slickSlide-info__item #item--setting__co10 {
        background-color: #798ea8; }
        .slickSlide-info__item #item--setting__co10 .slickSlide-info__item--setting__1 {
          filter: brightness(0) invert(1); }
        .slickSlide-info__item #item--setting__co10:hover {
          background-color: #475566; }
          .slickSlide-info__item #item--setting__co10:hover > .slickSlide-info__item-title {
            display: block;
            opacity: 1;
            transition: opacity 0.5s; }
      .slickSlide-info__item--group {
        width: 29px;
        height: 29px;
        border-radius: 50%;
        color: #FF0000;
        font-family: "ChampagneLimousines", sans-serif;
        font-weight: bold;
        font-size: 26px;
        cursor: pointer;
        background-color: #fff;
        transition: all .3s;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative; }
        .slickSlide-info__item--group:hover {
          background-color: #475566;
          color: #fff; }
      .slickSlide-info__item--else {
        width: 29px;
        height: 29px;
        border-radius: 50%;
        background-color: #798ea8;
        border: 2px solid #fff;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all 0.3s;
        cursor: pointer;
        position: relative;
        box-shadow: 1.847px 2.364px 7.83px 1.17px rgba(108, 106, 106, 0.25); }
        .slickSlide-info__item--else:hover {
          background-color: #475566;
          color: #fff;
          box-shadow: none; }
      .slickSlide-info__item--link {
        width: 33px;
        height: 33px;
        display: flex;
        align-items: center;
        justify-content: center;
        background-color: #fff;
        border-radius: 50%;
        border: 2px solid #fff;
        margin-right: 10px;
        margin-top: 10px;
        cursor: pointer;
        transition: all .3s; }
        .slickSlide-info__item--link p {
          margin-top: 4px;
          margin-left: 2px;
          font-size: 15px; }
        .slickSlide-info__item--link > img {
          transform: scale(0.75); }
    .slickSlide-info__itemBox {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      background-color: #fff;
      border-radius: 61px;
      box-shadow: 1.847px 2.364px 7.83px 1.17px rgba(108, 106, 106, 0.25); }
      .slickSlide-info__itemBox .slickSlide-info__item--link {
        margin: 4px; }
      .slickSlide-info__itemBox--column {
        flex-direction: column; }
      .slickSlide-info__itemBox--shadow {
        box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.2); }
        .slickSlide-info__itemBox--shadow-cs4 {
          box-shadow: 0px 18px 12px 0px rgba(0, 0, 0, 0.25) !important; }
        .slickSlide-info__itemBox--shadow-cs7 {
          box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.2) !important; }
  .slickSlide-author {
    background-color: #798ea8;
    background: linear-gradient(to bottom, rgba(121, 142, 168, 0) 0%, #798ea8 60%, #798ea8 100%);
    width: 100%;
    height: 78px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    padding: 6px;
    color: #fff; }
    .slickSlide-author__img {
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      text-align: left;
      max-width: 300px;
      padding-top: 8px; }
      .slickSlide-author__img--photo {
        width: 50px;
        height: 50px;
        border: 2px solid #fff;
        margin-right: 6px; }
        .slickSlide-author__img--photo img {
          width: 46px;
          height: auto; }
      .slickSlide-author__img--name {
        font-weight: 600;
        font-size: 18px;
        text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.95); }
      .slickSlide-author__img p {
        font-weight: bold;
        font-size: 20px;
        color: #fff;
        max-width: 285px;
        text-shadow: 1px 1.732px 1px rgba(0, 0, 0, 0.9);
        white-space: nowrap;
        /* Отменяем перенос текста */
        overflow: hidden;
        /* Обрезаем содержимое */
        text-overflow: ellipsis;
        /* Многоточие */
        margin-right: 7px; }
      .slickSlide-author__img a {
        font-weight: 600;
        font-size: 18px;
        color: #0048ff;
        text-decoration: underline;
        line-height: 25px;
        height: 25px; }
        .slickSlide-author__img a:hover {
          text-decoration: none; }
    .slickSlide-author__button--link {
      padding: 8px 17px;
      display: inline-block;
      border-radius: 27px;
      color: #fff;
      font-size: 16px;
      text-align: center;
      margin-right: 10px;
      margin-top: 3px;
      transition: all .3s; }
      .slickSlide-author__button--link:hover {
        background-color: #fff;
        color: #5f7591; }
    .slickSlide-author__pagination {
      position: absolute;
      bottom: 13px;
      left: 50%;
      transform: translateX(-50%);
      color: #798ea8;
      display: flex;
      align-items: center;
      justify-content: center;
      font-weight: bold;
      font-size: 14px; }
      .slickSlide-author__pagination--g {
        top: 15px; }
      .slickSlide-author__pagination p {
        margin: 0 5px; }
  .slickSlide-checked {
    height: 90px;
    width: 100%;
    margin: 0 auto;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding: 0 83px 0 100px;
    position: absolute;
    left: 0;
    bottom: 82px;
    z-index: 9; }
    @media screen and (min-width: 1576px) {
      .slickSlide-checked {
        bottom: 101px; } }
    @media screen and (min-width: 1720px) {
      .slickSlide-checked {
        bottom: 129px; } }
    .slickSlide-checked__item {
      min-width: 100px;
      min-height: 100px;
      border-radius: 50%;
      background-image: url("../img/icon/pencil/pencil.svg");
      background-position: center bottom;
      background-repeat: no-repeat;
      position: relative;
      z-index: 9; }
    .slickSlide-checked--shadow {
      width: 70px;
      height: 70px;
      border-radius: 50%;
      position: absolute;
      bottom: 2px;
      right: 97px;
      box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.2); }
  .slickSlide-title {
    border: 1px solid #898989;
    background-color: #fff;
    position: absolute;
    right: 380px;
    top: 208px;
    width: 177px;
    display: none;
    z-index: 999999;
    box-shadow: 0px 5px 6.51px 0.49px rgba(0, 0, 0, 0.22); }
    .slickSlide-title__item {
      background-color: #fff;
      padding: 10px 8px 12px 9px;
      color: #798ea8;
      font-size: 14px;
      font-weight: bold;
      text-align: left; }
  .slickSlide-tooltip {
    position: absolute;
    width: 300px;
    height: auto;
    padding: 10px 0px 12px 9px;
    border: 1px solid #898989;
    background-color: #fff;
    color: #798ea8;
    box-shadow: 0px 5px 6.51px 0.49px rgba(0, 0, 0, 0.22);
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    top: 390px;
    left: -190px;
    z-index: 999999; }
    .slickSlide-tooltip span {
      width: 300px;
      display: flex; }
    .slickSlide-tooltip p {
      color: #000;
      margin: 0 auto; }
    .slickSlide-tooltip ul {
      margin-left: 11px; }

.slick-prev {
  border: 2px solid #fff;
  box-sizing: content-box;
  left: 25px;
  border-radius: 50%;
  box-shadow: 1.847px 2.364px 7.83px 1.17px rgba(108, 106, 106, 0.25);
  width: 30px;
  height: 30px;
  z-index: 999;
  top: 50%;
  transform: translateY(-50%);
  position: absolute;
  cursor: pointer; }
  .slick-prev:hover {
    box-shadow: none; }
  .slick-prev:active {
    background-color: #dfe6ee; }
  .slick-prev__slide1 {
    background-image: none;
    background-color: #fff; }
    .slick-prev__slide1:after {
      content: '';
      display: 'block';
      position: absolute;
      top: 0;
      left: -1px;
      width: 100%;
      height: 100%;
      background-image: url("../img/icon/arrowSlick.png");
      background-repeat: no-repeat;
      background-position: 50%;
      background-size: 9px; }
    .slick-prev__slide1:hover {
      background-image: none !important;
      background-color: #475566 !important; }
      .slick-prev__slide1:hover:after {
        filter: brightness(0) invert(1); }

.slick-next {
  border: 2px solid #fff;
  box-sizing: content-box;
  right: 493px;
  z-index: 999;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  box-shadow: 1.847px 2.364px 7.83px 1.17px rgba(108, 106, 106, 0.25);
  position: absolute;
  cursor: pointer;
  top: 50%;
  transform: translateY(-50%); }
  .slick-next:hover {
    box-shadow: none; }
  .slick-next:active {
    background-color: #dfe6ee; }
  .slick-next__slide1 {
    background-image: none;
    background-color: #fff; }
    .slick-next__slide1:after {
      content: '';
      display: 'block';
      position: absolute;
      top: 0;
      left: 1px;
      width: 100%;
      height: 100%;
      background-image: url("../img/icon/arrowSlickNext.png");
      background-repeat: no-repeat;
      background-position: 50%;
      background-size: 9px; }
    .slick-next__slide1:hover {
      background-image: none !important;
      background-color: #475566 !important; }
      .slick-next__slide1:hover:after {
        filter: brightness(0) invert(1); }

.cs-sidebar--completed {
  text-align: center; }
  .cs-sidebar--completed h3 {
    color: #ff0027;
    font-size: 52px;
    font-weight: 400;
    margin: 10px 0; }
  .cs-sidebar--completed h6 {
    color: #024593;
    font-family: "a_BighausTitulExtraBolt", sans-serif;
    margin: 10px 0; }
.cs-sidebar--10__btn {
  position: relative;
  margin-top: 40px; }
.cs-sidebar__winPlace {
  width: 413px;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-direction: column;
  padding-bottom: 10px;
  margin: -80px auto 0; }
  .cs-sidebar__winPlace--step {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    flex-wrap: nowrap;
    width: 100%; }
  .cs-sidebar__winPlace--text {
    width: 100%;
    background-color: #7e8da6;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 22px;
    font-family: "mr_RegisterWideBold", sans-serif;
    letter-spacing: 9.5px;
    text-align: center;
    padding-left: 9.5px;
    height: 26px;
    line-height: 23px; }
  .cs-sidebar__winPlace--link {
    width: 100%;
    text-align: center;
    color: #7e8da6;
    position: absolute;
    bottom: 111px; }
    .cs-sidebar__winPlace--link a {
      color: #2188ff;
      text-decoration: underline;
      transition: all 0.3s;
      font-weight: bold;
      margin: 25px 0 5px;
      display: inline-block; }
      .cs-sidebar__winPlace--link a:hover {
        text-decoration: none; }
  .cs-sidebar__winPlace--firstLabel {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
    width: 100%; }
    .cs-sidebar__winPlace--firstLabel .winPlace-step {
      width: 100%;
      height: 55px;
      background-image: url("../img/bg/mainBg.png");
      background-position-x: 0;
      position: relative; }
      .cs-sidebar__winPlace--firstLabel .winPlace-step:after {
        content: "2";
        display: block;
        position: absolute;
        top: 7px;
        left: 50%;
        transform: translateX(-50%);
        background-color: #798ea8;
        border: 4px solid #fff;
        border-radius: 50%;
        text-align: center;
        width: 26px;
        height: 26px;
        line-height: 25px;
        color: #fff;
        font-weight: bold;
        font-size: 15px; }
  .cs-sidebar__winPlace--secondLabel {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
    width: 100%; }
    .cs-sidebar__winPlace--secondLabel .winPlace-step {
      width: 100%;
      height: 68px;
      background-image: url("../img/bg/mainBg.png");
      background-position-x: 1px;
      position: relative; }
      .cs-sidebar__winPlace--secondLabel .winPlace-step:after {
        content: "1";
        display: block;
        position: absolute;
        top: 7px;
        left: 50%;
        transform: translateX(-50%);
        background-color: #798ea8;
        border: 4px solid #fff;
        border-radius: 50%;
        text-align: center;
        width: 26px;
        height: 26px;
        line-height: 25px;
        color: #fff;
        font-weight: bold;
        font-size: 15px; }
  .cs-sidebar__winPlace--theerdLabel {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
    width: 100%; }
    .cs-sidebar__winPlace--theerdLabel .winPlace-step {
      width: 100%;
      height: 45px;
      background-image: url("../img/bg/mainBg.png");
      background-position-x: 2px;
      position: relative; }
      .cs-sidebar__winPlace--theerdLabel .winPlace-step:after {
        content: "3";
        display: block;
        position: absolute;
        top: 7px;
        left: 50%;
        transform: translateX(-50%);
        background-color: #798ea8;
        border: 4px solid #fff;
        border-radius: 50%;
        text-align: center;
        width: 26px;
        height: 26px;
        line-height: 25px;
        color: #fff;
        font-weight: bold;
        font-size: 15px; }
  .cs-sidebar__winPlace--fourLabel {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
    width: 100%; }
    .cs-sidebar__winPlace--fourLabel .winPlace-step {
      width: 100%;
      height: 55px;
      background-image: url("../img/bg/mainBg.png");
      background-position-x: 0;
      position: relative; }
      .cs-sidebar__winPlace--fourLabel .winPlace-step:after {
        content: "2";
        display: block;
        position: absolute;
        top: 7px;
        left: 50%;
        transform: translateX(-50%);
        background-color: #798ea8;
        border: 4px solid #fff;
        border-radius: 50%;
        text-align: center;
        width: 26px;
        height: 26px;
        line-height: 25px;
        color: #fff;
        font-weight: bold;
        font-size: 15px; }
      .cs-sidebar__winPlace--fourLabel .winPlace-step::after {
        display: none; }
  .cs-sidebar__winPlace--fiveLabel {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
    width: 100%; }
    .cs-sidebar__winPlace--fiveLabel .winPlace-step {
      width: 100%;
      height: 68px;
      background-image: url("../img/bg/mainBg.png");
      background-position-x: 1px;
      position: relative; }
      .cs-sidebar__winPlace--fiveLabel .winPlace-step:after {
        content: "1";
        display: block;
        position: absolute;
        top: 7px;
        left: 50%;
        transform: translateX(-50%);
        background-color: #798ea8;
        border: 4px solid #fff;
        border-radius: 50%;
        text-align: center;
        width: 26px;
        height: 26px;
        line-height: 25px;
        color: #fff;
        font-weight: bold;
        font-size: 15px; }
  .cs-sidebar__winPlace--sixLabel {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
    width: 100%; }
    .cs-sidebar__winPlace--sixLabel .winPlace-step {
      width: 100%;
      height: 45px;
      background-image: url("../img/bg/mainBg.png");
      background-position-x: 2px;
      position: relative; }
      .cs-sidebar__winPlace--sixLabel .winPlace-step:after {
        content: "3";
        display: block;
        position: absolute;
        top: 7px;
        left: 50%;
        transform: translateX(-50%);
        background-color: #798ea8;
        border: 4px solid #fff;
        border-radius: 50%;
        text-align: center;
        width: 26px;
        height: 26px;
        line-height: 25px;
        color: #fff;
        font-weight: bold;
        font-size: 15px; }
      .cs-sidebar__winPlace--sixLabel .winPlace-step::after {
        display: none; }
  .cs-sidebar__winPlace .comments__photo {
    width: 70px;
    height: 70px;
    border-radius: 50px;
    overflow: hidden;
    position: relative; }
    .cs-sidebar__winPlace .comments__photo .gsHoverPhoto-img {
      transition: all 0.3s !important;
      position: absolute;
      width: 70px;
      height: 70px;
      top: 0px;
      left: 0px; }
  .cs-sidebar__winPlace .winPlace-person--link {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    flex-direction: column;
    text-align: center; }
    .cs-sidebar__winPlace .winPlace-person--link p {
      font-size: 16px;
      color: #475566;
      margin: 10px 0 2px;
      line-height: 0.9;
      font-weight: bold;
      text-align: center; }
  .cs-sidebar__winPlace .work-content__person {
    flex-direction: column; }

.slickSlide-close {
  position: absolute;
  top: 10px;
  right: 498px;
  cursor: pointer;
  box-sizing: content-box;
  z-index: 99;
  background-color: #fff;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center;
  transition: all 0.3s;
  box-shadow: 1.847px 2.364px 7.83px 1.17px rgba(108, 106, 106, 0.25); }
  .slickSlide-close__link {
    background-color: transparent;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    position: absolute;
    z-index: 99; }
    .slickSlide-close__link:hover {
      box-shadow: none; }
  .slickSlide-close img {
    width: 11px;
    height: auto;
    z-index: 9; }
  .slickSlide-close:hover {
    background-color: #475566;
    box-shadow: none; }
    .slickSlide-close:hover img {
      filter: brightness(0) invert(1); }

.h3Active {
  margin-bottom: 2px !important;
  transition: all .5s; }

.timeShowSlide {
  display: none;
  width: 343px;
  margin: 0 auto;
  position: absolute;
  bottom: 213px;
  left: 50%;
  text-align: center;
  width: 100%;
  transform: translateX(-50%);
  transition: all .5s; }
  .timeShowSlide-desc {
    font-size: 14px;
    font-weight: 300;
    color: #798ea8;
    text-transform: uppercase; }
  .timeShowSlide-main {
    font-family: "astronaut", sans-serif;
    font-size: 90px;
    color: #798ea8;
    line-height: 49px;
    height: 61px; }
    .timeShowSlide-main__hours {
      width: 90px;
      display: inline-block;
      text-align: center; }
    .timeShowSlide-main__minutes {
      width: 90px;
      display: inline-block;
      text-align: center; }
    .timeShowSlide-main__seconds {
      width: 90px;
      display: inline-block;
      text-align: center; }
  .timeShowSlide-desc {
    text-align: center; }
  .timeShowSlide_co3 {
    display: block; }

.timeShowCoTop {
  display: none;
  width: 343px;
  margin: 0 auto;
  position: absolute;
  bottom: 27%;
  left: 0;
  text-align: center;
  transform: translateY(50%); }
  .timeShowCoTop-desc {
    font-size: 14px;
    font-weight: 300;
    color: #798ea8;
    text-transform: uppercase; }
  .timeShowCoTop-main {
    font-family: "astronaut", sans-serif;
    font-size: 90px;
    color: #798ea8;
    line-height: 49px;
    height: 61px; }
    .timeShowCoTop-main__hours {
      width: 90px;
      display: inline-block;
      text-align: center; }
    .timeShowCoTop-main__minutes {
      width: 90px;
      display: inline-block;
      text-align: center; }
    .timeShowCoTop-main__seconds {
      width: 90px;
      display: inline-block;
      text-align: center; }
  .timeShowCoTop-desc {
    text-align: center; }

.timeShowCoBottom {
  display: none;
  width: 343px;
  margin: 0 auto;
  position: absolute;
  bottom: 8px;
  left: 49%;
  text-align: center;
  transform: translateX(-50%); }
  .timeShowCoBottom-desc {
    font-size: 14px;
    font-weight: 300;
    color: #798ea8;
    text-transform: uppercase; }
  .timeShowCoBottom-main {
    font-family: "astronaut", sans-serif;
    font-size: 90px;
    color: #798ea8;
    line-height: 49px;
    height: 61px; }
    .timeShowCoBottom-main__hours {
      width: 90px;
      display: inline-block;
      text-align: center; }
    .timeShowCoBottom-main__minutes {
      width: 90px;
      display: inline-block;
      text-align: center; }
    .timeShowCoBottom-main__seconds {
      width: 90px;
      display: inline-block;
      text-align: center; }
  .timeShowCoBottom-desc {
    text-align: center; }

.coTimeShowBottom {
  display: none;
  height: 110px;
  width: 370px;
  margin: 0 auto;
  padding: 10px 10px;
  border-radius: 7px;
  background-color: #fff;
  position: relative; }

.coTimeShowBottomBlock {
  display: block;
  height: 110px;
  width: 370px;
  margin: 0 auto;
  padding: 10px 10px;
  border-radius: 7px;
  background-color: #fff;
  position: relative;
  box-shadow: 0px 20px 20px 0px rgba(0, 0, 0, 0.2); }
  .coTimeShowBottomBlock .timeShowCoBottom {
    display: block; }

.coTimeShowTop {
  display: none;
  height: 120px;
  width: 544px;
  margin: 0 auto 42px;
  border-radius: 7px;
  position: relative;
  margin-right: 40px;
  margin-top: 10px; }

.coTimeShowBlock {
  display: block;
  height: 120px;
  width: 544px;
  margin: 0 auto 42px;
  border-radius: 7px;
  position: relative; }
  .coTimeShowBlock .timeShowCoTop {
    display: block; }

.group-content {
  width: 225px;
  top: 10px;
  left: -210px; }
  .group-content a {
    display: block;
    padding: 8px 10px 9px;
    font-weight: bold;
    font-size: 14px;
    color: #475566;
    transition: all 0.3s; }
  .group-content .workActive {
    background-color: #d0d8e1;
    cursor: pointer; }

.else-content {
  width: 215px;
  top: 0px;
  left: -200px; }
  .else-content a {
    display: block;
    padding: 7px 10px 8px;
    font-weight: bold;
    font-size: 14px;
    color: #475566;
    transition: all 0.3s; }
  .else-content .workActive {
    background-color: #d0d8e1;
    cursor: pointer; }

.menu-content {
  background-color: #fff;
  width: 210px;
  position: absolute;
  right: 15px;
  top: 45px;
  opacity: 0;
  visibility: hidden;
  border: 1px solid #d0d8e1;
  z-index: 99999;
  transition: all 0.3s ease-in-out; }
  .menu-content__active {
    visibility: visible;
    opacity: 1 !important;
    transition: all 0.3s ease-in-out; }
  .menu-content a {
    display: block;
    padding: 7px 10px 8px;
    font-weight: bold;
    font-size: 14px;
    color: #475566;
    transition: all 0.3s; }
  .menu-content .workActive {
    background-color: #d0d8e1;
    cursor: pointer; }

.centerBoxSidebarNone {
  top: 46.5%; }
  @media screen and (min-width: 1576px) {
    .centerBoxSidebarNone {
      top: 43%; } }
  @media screen and (min-width: 1720px) {
    .centerBoxSidebarNone {
      top: 39.5%; } }

.centerBoxSidebarBlock {
  top: 51.5%; }
  @media screen and (min-width: 1576px) {
    .centerBoxSidebarBlock {
      top: 49%; } }
  @media screen and (min-width: 1720px) {
    .centerBoxSidebarBlock {
      top: 48.5%; } }

.cs-head-rel {
  position: relative;
  z-index: 999;
  box-shadow: inset 0px -25px 27px 0px rgba(0, 0, 0, 0.43); }
  .cs-head-rel:hover .cs-sidebar__sponsor--1 {
    display: flex; }
  .cs-head-rel:hover .cs-sidebar--1__head--box {
    transform: scale(1.18);
    transition: all .3s; }
  .cs-head-rel:hover .cs-sidebar__sponsor--2 {
    display: flex; }
  .cs-head-rel:hover .cs-sidebar--2__head--box {
    transform: scale(1.18);
    transition: all .3s; }
  .cs-head-rel:hover .cs-sidebar__sponsor--3 {
    display: flex; }
  .cs-head-rel:hover .cs-sidebar--3__head--box {
    transform: scale(1.18);
    transition: all .3s; }
  .cs-head-rel:hover .cs-sidebar__sponsor--4 {
    display: flex; }
  .cs-head-rel:hover .cs-sidebar--4__head--box {
    transform: scale(1.18);
    transition: all .3s; }
  .cs-head-rel:hover .cs-sidebar__sponsor--5 {
    display: flex; }
  .cs-head-rel:hover .cs-sidebar--5__head--box {
    transform: scale(1.18);
    transition: all .3s; }
  .cs-head-rel:hover .cs-sidebar__sponsor--6 {
    display: flex; }
  .cs-head-rel:hover .cs-sidebar--6__head--box {
    transform: scale(1.18);
    transition: all .3s; }
  .cs-head-rel:hover .cs-sidebar__sponsor--7 {
    display: flex; }
  .cs-head-rel:hover .cs-sidebar--7__head--box {
    transform: scale(1.18);
    transition: all .3s; }
  .cs-head-rel:hover .cs-sidebar__sponsor--8 {
    display: flex; }
  .cs-head-rel:hover .cs-sidebar--8__head--box {
    transform: scale(1.18);
    transition: all .3s; }
  .cs-head-rel:hover .cs-sidebar__sponsor--9 {
    display: flex; }
  .cs-head-rel:hover .cs-sidebar--9__head--box {
    transform: scale(1.18);
    transition: all .3s; }
  .cs-head-rel:hover .cs-sidebar__sponsor--10 {
    display: flex; }
  .cs-head-rel:hover .cs-sidebar--10__head--box {
    transform: scale(1.18);
    transition: all .3s; }

.sidebarDesc1 {
  margin-left: 63px; }
  .sidebarDesc1 p {
    margin-top: 3px !important; }

.sidebarDesc2 {
  margin-left: 85px;
  margin-right: 15px; }

.sidebarLink {
  margin-left: 18px; }

.changed-export {
  margin: 0; }

.changed-setting {
  margin: 0; }

.changed-info {
  margin: 0; }

.changed-else {
  background-color: #fff !important;
  border: none !important; }
  .changed-else:hover {
    background-color: #475566 !important; }
    .changed-else:hover img {
      filter: brightness(0) invert(1); }

.info-title__forSlider {
  margin-left: 9px; }

.item--else__title {
  opacity: 0;
  position: absolute;
  top: -7px;
  left: -130px;
  color: #798ea8;
  background-color: #fff;
  border: 1px solid #798ea8;
  z-index: 999;
  font-size: 14px;
  font-weight: bold;
  box-shadow: 0px 5px 6.51px 0.49px rgba(0, 0, 0, 0.22);
  text-align: left;
  padding: 6px 10px;
  transition: opacity 0.5s;
  width: 126px; }

.cs-people {
  position: absolute;
  z-index: 9;
  bottom: -4px;
  left: 5%; }

.icon-1__title {
  position: absolute;
  top: -40px;
  right: 125px;
  color: #798ea8;
  background-color: #fff;
  border: 1px solid #898989;
  z-index: 999;
  font-size: 14px;
  text-align: left;
  padding: 5px 5px 6px 5px;
  transition: opacity 0.5s;
  font-weight: bold;
  display: block;
  opacity: 0;
  box-shadow: 0px 5px 6.51px 0.49px rgba(0, 0, 0, 0.22); }
.icon-2__title {
  position: absolute;
  top: -40px;
  right: 60px;
  color: #798ea8;
  background-color: #fff;
  border: 1px solid #898989;
  z-index: 999;
  font-size: 14px;
  text-align: left;
  padding: 5px 5px 6px 5px;
  transition: opacity 0.5s;
  font-weight: bold;
  display: block;
  opacity: 0;
  box-shadow: 0px 5px 6.51px 0.49px rgba(0, 0, 0, 0.22); }
.icon-3__title {
  position: absolute;
  top: -40px;
  right: -15px;
  color: #798ea8;
  background-color: #fff;
  border: 1px solid #898989;
  z-index: 999;
  font-size: 14px;
  text-align: left;
  padding: 5px 5px 6px 5px;
  transition: opacity 0.5s;
  font-weight: bold;
  display: block;
  opacity: 0;
  box-shadow: 0px 5px 6.51px 0.49px rgba(0, 0, 0, 0.22); }
.icon-4__title {
  position: absolute;
  top: -40px;
  right: -5px;
  color: #798ea8;
  background-color: #fff;
  border: 1px solid #898989;
  z-index: 999;
  font-size: 14px;
  text-align: left;
  padding: 5px 5px 6px 5px;
  transition: opacity 0.5s;
  font-weight: bold;
  display: block;
  opacity: 0;
  box-shadow: 0px 5px 6.51px 0.49px rgba(0, 0, 0, 0.22); }
.icon-5__title {
  position: absolute;
  top: -40px;
  right: 80px;
  color: #798ea8;
  background-color: #fff;
  border: 1px solid #898989;
  z-index: 999;
  font-size: 14px;
  text-align: left;
  padding: 5px 5px 6px 5px;
  transition: opacity 0.5s;
  font-weight: bold;
  display: block;
  opacity: 0;
  box-shadow: 0px 5px 6.51px 0.49px rgba(0, 0, 0, 0.22); }
.icon-6__title {
  position: absolute;
  top: -77px;
  right: 5px;
  color: #798ea8;
  background-color: #fff;
  border: 1px solid #898989;
  z-index: 999;
  font-size: 14px;
  text-align: left;
  padding: 5px 5px 6px 5px;
  transition: opacity 0.5s;
  font-weight: bold;
  display: block;
  opacity: 0;
  box-shadow: 0px 5px 6.51px 0.49px rgba(0, 0, 0, 0.22); }
.icon-7__title {
  position: absolute;
  top: -61px;
  right: -10px;
  color: #798ea8;
  background-color: #fff;
  border: 1px solid #898989;
  z-index: 999;
  font-size: 14px;
  text-align: left;
  padding: 5px 5px 6px 5px;
  transition: opacity 0.5s;
  font-weight: bold;
  display: block;
  opacity: 0;
  box-shadow: 0px 5px 6.51px 0.49px rgba(0, 0, 0, 0.22); }

.cs_5-stage {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  bottom: 37px;
  left: 0;
  width: 100%;
  padding: 0 6px;
  z-index: 100001; }
  .cs_5-stage__item {
    width: 369px;
    display: flex;
    align-self: center;
    justify-content: space-between;
    flex-direction: column; }
  .cs_5-stage .coDesc-item__stage--block {
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
  .cs_5-stage .coDesc-item__stage--block h5 {
    font-size: 14px; }
  .cs_5-stage .count-people--span {
    margin: 0;
    font-size: 23px;
    width: 76px;
    border-radius: 14.5px;
    height: 29px; }
  .cs_5-stage .spanBlock h5 {
    font-size: 16px; }

.cs_6-stage {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: 37px;
  left: 0;
  width: 100%;
  padding: 0 6px;
  z-index: 100001; }
  .cs_6-stage .count-people--span {
    width: 127px;
    height: 46px;
    font-size: 37px; }

.box-4 .slickSlide-pic::after {
  box-shadow: 0px 25px 27px 0px rgba(0, 0, 0, 0.25); }
.box-4 .slickSlide-info__itemBox--shadow {
  box-shadow: 0px 25px 27px 0px rgba(0, 0, 0, 0.25); }

.cst5-title-author {
  width: 750px;
  display: flex;
  align-items: center;
  justify-content: space-around;
  color: #798ea8;
  margin: 0 auto 18px;
  padding: 18px 0; }
  .cst5-title-author__pic {
    width: 212px;
    height: 212px;
    border: 1px solid #798ea8;
    overflow: hidden;
    box-sizing: border-box;
    margin-right: 26px;
    position: relative;
    cursor: pointer; }
    .cst5-title-author__pic:hover .cst5-title-author__pic--hover {
      opacity: 1; }
    .cst5-title-author__pic img {
      width: 210px;
      height: 210px;
      vertical-align: bottom; }
    .cst5-title-author__pic--hover {
      opacity: 0;
      position: absolute;
      top: 0;
      background-color: rgba(0, 0, 0, 0.6);
      width: 210px;
      height: 210px;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: .5s; }
    .cst5-title-author__pic--img {
      width: 50px;
      height: 50px;
      border: 1px solid #fff;
      border-radius: 50%;
      background-image: url("../img/icon/imgHover.png");
      background-repeat: no-repeat;
      background-position: center;
      display: flex;
      align-items: center;
      justify-content: center; }
  .cst5-title-author__desc {
    height: 212px;
    display: flex;
    flex-direction: column;
    justify-content: space-between; }
    .cst5-title-author__desc--name {
      font-size: 17px;
      margin-bottom: 10px;
      max-width: 250px;
      font-weight: bold;
      color: #798ea8; }
    .cst5-title-author__desc--group {
      font-size: 15px;
      font-weight: 600; }
    .cst5-title-author__desc table {
      font-size: 13px; }
      .cst5-title-author__desc table td:last-child {
        color: #000;
        font-weight: 600;
        padding-left: 30px; }
    .cst5-title-author__desc--linkBox {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: flex-start;
      padding-left: 8px; }
  .cst5-title-author .cst-tableBox__author--link {
    font-size: 18px; }
  .cst5-title-author .cst-tableBox__num {
    margin-right: 45px; }
    .cst5-title-author .cst-tableBox__num p {
      font-size: 63px; }
    .cst5-title-author .cst-tableBox__num--text {
      font-size: 16px;
      white-space: nowrap; }
.cst5-title-box {
  width: 858px; }
  .cst5-title-box h1 {
    text-align: center;
    font-size: 55px;
    color: #798ea8;
    font-weight: 400; }
  .cst5-title-box__btn {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 20px; }
    .cst5-title-box__btn a {
      margin: 0 5px; }
    .cst5-title-box__btn--blue {
      background-color: #798ea8 !important;
      border: 1px solid #798ea8 !important;
      color: #fff !important;
      cursor: pointer; }
      .cst5-title-box__btn--blue:hover {
        background-color: #5e7490 !important;
        border: 1px solid #5e7490 !important; }
  .cst5-title-box table {
    margin: 43px auto 60px; }
  .cst5-title-box__addition {
    display: flex; }
    .cst5-title-box__addition--star {
      width: 50px; }

.padFinal {
  padding: 0 15px; }

.cst-blueBox {
  width: 100%;
  background-color: #e7ebef; }
  .cst-blueBox .cst-tableBox__btn a {
    background-color: #fff;
    cursor: pointer;
    text-align: center; }
.cst-whiteBox {
  width: 100%;
  background-color: #fff; }
  .cst-whiteBox .cst-tableBox__btn a {
    text-align: center; }
.cst-tableBox {
  padding: 20px 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: #798ea8;
  cursor: pointer; }
  .cst-tableBox__flex {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
  .cst-tableBox__blueflex {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    width: 215px;
    text-align: left; }
  .cst-tableBox__num {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    width: 215px;
    text-align: left; }
    .cst-tableBox__num--link {
      border-bottom: 1px solid #647c9a;
      color: #798ea8;
      cursor: pointer;
      transition: all 0.3s; }
      .cst-tableBox__num--link:hover {
        border-bottom: 1px solid #404f62;
        color: #404f62; }
    .cst-tableBox__num--text {
      font-size: 14px;
      text-transform: uppercase;
      color: #798ea8; }
    .cst-tableBox__num--img {
      width: 50px;
      padding-top: 10px; }
    .cst-tableBox__num p {
      font-size: 45px;
      font-weight: 400;
      width: 215px;
      text-align: center; }
  .cst-tableBox__blueNum {
    display: flex;
    align-items: left;
    justify-content: flex-end;
    flex-direction: column;
    width: 100px; }
    .cst-tableBox__blueNum--text {
      font-size: 14px;
      text-transform: uppercase;
      color: #798ea8; }
    .cst-tableBox__blueNum--img {
      width: 50px;
      padding-top: 10px; }
    .cst-tableBox__blueNum p {
      font-size: 45px;
      font-weight: 400;
      text-align: center; }
  .cst-tableBox__numWork {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-direction: column;
    margin-right: 55px; }
    .cst-tableBox__numWork--change {
      font-size: 63px;
      color: #798ea8; }
    .cst-tableBox__numWork--text {
      font-size: 16px;
      text-transform: uppercase;
      color: #798ea8; }
  .cst-tableBox__author {
    width: 287px;
    margin-left: 35px;
    font-size: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 115px; }
    .cst-tableBox__author div .cst-tableBox__author--link {
      margin-left: 18px; }
    .cst-tableBox__author p {
      margin: 0 0 10px 0;
      font-weight: bold;
      color: #798ea8;
      white-space: nowrap;
      /* Запрещаем перенос строк */
      overflow: hidden;
      text-overflow: ellipsis;
      max-width: 280px;
      font-size: 18px; }
    .cst-tableBox__author--icon {
      height: 38px;
      line-height: 59px;
      padding-left: 28px;
      background-image: url("../img/icon/Cover_stat.png");
      background-size: 37px auto;
      background-repeat: no-repeat;
      background-position: left center;
      margin: 3px 0; }
      .cst-tableBox__author--icon span {
        font-size: 15px;
        font-weight: 600;
        margin-left: 12px;
        background-color: #fff;
        padding: 4px 13px;
        border: 1px solid #798ea8;
        border-radius: 15px; }
    .cst-tableBox__author--link {
      font-size: 13px;
      color: #2188ff;
      font-weight: bold;
      line-height: 8px;
      display: block;
      margin-top: 8px;
      margin-left: 8px;
      width: 105px;
      text-align: start;
      transition: all 0.3s; }
      .cst-tableBox__author--link:hover {
        text-decoration: underline; }
    .cst-tableBox__author--group {
      font-size: 13px;
      color: #2188ff;
      font-weight: bold;
      height: 27px;
      line-height: 10px;
      margin-top: 8px !important;
      margin: 8px 0 0 8px; }
      .cst-tableBox__author--group:hover {
        text-decoration: underline; }
  .cst-tableBox__pic {
    width: 105px !important;
    height: 105px !important;
    overflow: hidden;
    border: 1px solid #e0e2e3;
    margin-left: 43px;
    position: relative; }
    .cst-tableBox__pic:hover .cst-tableBox__pic--hover {
      opacity: 1; }
    .cst-tableBox__pic--width {
      width: 103px;
      height: auto; }
    .cst-tableBox__pic--height {
      height: 103px;
      width: auto; }
    .cst-tableBox__pic--hover {
      opacity: 0;
      position: absolute;
      top: 0;
      background-color: rgba(0, 0, 0, 0.6);
      width: 105px;
      height: 105px;
      display: flex;
      align-items: center;
      justify-content: center;
      transition: .5s; }
    .cst-tableBox__pic--img {
      width: 50px;
      height: 50px;
      border: 1px solid #fff;
      border-radius: 50%;
      display: flex;
      align-items: center;
      justify-content: center; }
  .cst-tableBox__img {
    margin: -3px 0 0 -3px;
    width: 111px;
    height: 111px; }
  .cst-tableBox__btn {
    display: flex;
    align-items: center;
    justify-content: flex-end; }
    .cst-tableBox__btn a {
      margin-left: 5px; }
    .cst-tableBox__btn .modal-link-2 {
      width: 170px; }
    .cst-tableBox__btn .modal-link-3 {
      width: 170px; }
    .cst-tableBox__btn--blue {
      background-color: #798ea8 !important;
      border: 1px solid #798ea8 !important;
      color: #fff !important;
      cursor: pointer; }
      .cst-tableBox__btn--blue:hover {
        background-color: #5e7490 !important;
        border: 1px solid #5e7490 !important; }
.cst-additionally {
  text-align: center; }
  .cst-additionally a {
    display: block;
    color: #0054ff;
    font-size: 16px;
    margin-top: 3px;
    font-weight: 400;
    font-family: "ChampagneLimousines", sans-serif; }
    .cst-additionally a:hover {
      text-decoration: underline; }
  .cst-additionally p {
    font-weight: 600;
    color: #798ea8;
    margin-top: 7px; }

.main {
  margin-bottom: 150px;
  position: relative; }

.cat-final {
  height: 91px; }

.cat-content {
  padding-bottom: 20px; }

.cat-content--groop {
  display: block; }
  .cat-content--groop .cst-tableBox__num {
    width: 273px;
    margin-right: 0;
    text-align: left; }

.highlight-active {
  background-color: #e7ebef;
  border: 1px solid #b1bdcb;
  color: #798ea8; }

.highlight {
  background-color: #e7ebef;
  padding: 25px 0;
  border: none;
  color: #798ea8;
  margin: 0;
  border: 1px solid #b1bdcb; }

#cst4-content .ui-icon, #cst4-content .ui-widget-content .ui-icon {
  display: none; }

.work-content__title {
  background-color: #e7ebef;
  text-align: center;
  color: #798ea8;
  font-size: 30px;
  font-weight: 300;
  margin: 1px 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 90px; }
  .work-content__title--day {
    font-size: 30px;
    color: #798ea8;
    font-weight: normal;
    margin-right: 50px; }
.work-content__desc {
  display: block;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 730px;
  margin: 0 auto;
  flex-wrap: wrap; }
.work-content__person {
  width: 33%;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin: 10px 0;
  cursor: pointer; }
  .work-content__person > div {
    margin-right: 15px; }
  .work-content__person > p {
    font-weight: bold;
    font-size: 13px;
    color: #798ea8;
    text-decoration: underline; }
  .work-content__person--top {
    margin-top: 25px; }
  .work-content__person--bottom {
    margin-bottom: 25px; }
  .work-content__person:hover > p {
    text-decoration: none; }

.cat-title h2 {
  text-align: center;
  font-size: 48px;
  color: #798ea8;
  font-weight: normal;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 120px;
  padding: 0 15px 0 35px;
  margin-top: -24px; }
  .cat-title h2 .h2-span {
    margin-left: 20px; }
.cat-title__gray {
  width: 100%;
  background-color: #e7ebef; }
.cat-title__desc {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 750px;
  margin: 0 auto; }
  .cat-title__desc--item {
    margin: 0 0 0px;
    color: #798ea8; }
    .cat-title__desc--item > p {
      color: #798ea8;
      font-size: 13px;
      font-weight: normal;
      margin-bottom: 4px; }
      .cat-title__desc--item > p span {
        color: #475566;
        margin-left: 9px; }
  .cat-title__desc--text {
    display: flex;
    align-items: center;
    justify-content: start;
    font-size: 17px;
    color: #798ea8;
    margin: 10px 0; }
    .cat-title__desc--text .red-title {
      width: 27px;
      height: 27px;
      background-color: #ffaaaa;
      margin-right: 12px; }
    .cat-title__desc--text .green-title {
      width: 27px;
      height: 27px;
      background-color: #9ce8a6;
      margin-right: 12px; }
    .cat-title__desc--text .grey-title {
      width: 27px;
      height: 27px;
      background-color: #c0cad5;
      margin-right: 12px; }
  .cat-title__desc--count {
    display: flex;
    align-items: center;
    margin: 10px 0; }
    .cat-title__desc--count__num {
      width: 70px;
      height: 26px;
      line-height: 24px;
      border-radius: 15px;
      border: 1px solid #798ea8;
      text-align: center;
      color: #475566;
      font-size: 17px;
      font-weight: bold;
      margin-right: 12px;
      background-color: #fff; }
  .cat-title__desc--single {
    width: 570px;
    margin-bottom: 8px;
    margin-top: -10px; }
    .cat-title__desc--single-1 {
      margin-top: -8px; }
.cat-title .cst5-title-author {
  justify-content: flex-start; }
.cat-title .cst-tableBox__author--link {
  font-size: 13px; }

.cat-sort {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1000px;
  font-size: 17px;
  margin: 0 auto;
  padding-top: 3px;
  padding-bottom: 17px; }
  .cat-sort--title {
    color: #475566;
    font-weight: bold; }
  .cat-sort label {
    font-size: 17px; }
    .cat-sort label span {
      width: 17px;
      height: 17px;
      color: #475566; }
  .cat-sort--history {
    display: flex;
    justify-content: center;
    padding-bottom: 10px; }

.cat-history .history-date__day {
  width: 55px;
  height: 35px;
  padding-top: 6px; }
  .cat-history .history-date__day--text {
    font-size: 17px; }
.cat-history__voice {
  margin-top: 2px;
  display: flex;
  justify-content: center;
  flex-wrap: nowrap;
  width: 100%; }
  .cat-history__voice--co {
    padding-left: 61px; }
  .cat-history__voice--btn {
    cursor: pointer;
    font-weight: bold;
    text-decoration: underline;
    text-align: center;
    background-color: transparent;
    border: none;
    font-size: 16px;
    color: #798ea8;
    margin: 0 23px; }
  .cat-history__voice:hover {
    text-decoration: none; }
  .cat-history__voice-box {
    display: flex;
    margin: 0 15px; }
    .cat-history__voice-box .cat-history__voice--btn {
      margin: 0 !important; }

.hoverEffect {
  background-color: #798ea8 !important;
  border: 1px solid #798ea8 !important;
  color: #fff !important;
  transition: all .3s; }

.statisticWork-history {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 15px; }

#top2, #top1, #top3 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%; }

.data-statistic_2, .data-statistic_1, .data-statistic_3 {
  position: relative; }

.settings-content {
  display: none;
  background-color: #fff;
  position: absolute;
  top: 50px;
  left: 70px;
  width: 211px;
  border: 1px solid #b5b5b5;
  color: #475566;
  height: 66px;
  z-index: 9999; }
  .settings-content__item {
    display: block;
    width: 100%;
    padding: 8px 10px 9px;
    font-weight: bold;
    font-size: 14px;
    color: #475566;
    transition: all 0.3s;
    text-decoration: none;
    cursor: pointer;
    transition: all .3s; }
    .settings-content__item:hover {
      background-color: #798ea8;
      color: #fff; }
  .settings-content--slideShow {
    height: 93px;
    width: 215px;
    top: -70px;
    left: 65px; }
  .settings-content a {
    display: block;
    padding: 7px 10px 8px;
    font-weight: bold;
    font-size: 14px;
    color: #475566;
    transition: all 0.3s; }
  .settings-content .workActive {
    background-color: #d0d8e1;
    cursor: pointer; }

.activeGroupCount {
  color: #798ea8;
  position: relative; }
  .activeGroupCount span {
    position: relative;
    display: inline;
    padding: 0 5px; }
    .activeGroupCount span::after {
      content: "";
      display: block;
      position: absolute;
      bottom: 0;
      width: calc(100% - 1px);
      height: 1px;
      background-color: #798ea8;
      left: 50%;
      transform: translateX(-50%);
      transition: all .5s; }
  .activeGroupCount:hover span:after {
    width: 0; }
  .activeGroupCount__group {
    padding: 0 15px; }

#box-11 .main-filter {
  padding-bottom: 71px; }
#box-11 .box-textHome {
  top: 109px;
  left: 20px; }
#box-11 .box-section-banner--hover {
  z-index: 51; }
  #box-11 .box-section-banner--hover a {
    cursor: pointer; }

.box-11__competition {
  position: relative;
  background-color: #fff; }
  .box-11__competition::after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    background-image: url("../img/bg/mainBg.png");
    background-position: -4px;
    z-index: 0;
    top: 0;
    left: 0; }
  .box-11__competition::before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    background-image: url("../img/bg/mainBg.png");
    background-position: -4px;
    z-index: 0;
    bottom: 0;
    left: 0;
    height: 268px; }
  .box-11__competition1 {
    padding-bottom: 119px;
    margin-top: -5px; }
    .box-11__competition1:after {
      height: 105px; }
    .box-11__competition1:before {
      height: 250px; }
  .box-11__competition2 {
    padding-top: 130px;
    padding-bottom: 119px; }
    .box-11__competition2:after {
      height: 260px; }
    .box-11__competition2:before {
      height: 303px; }
  .box-11__competition3 {
    padding-top: 130px;
    padding-bottom: 81px; }
    .box-11__competition3:after {
      height: 260px; }
    .box-11__competition3:before {
      height: 255px; }
  .box-11__competition4 {
    padding-bottom: 116px; }
    .box-11__competition4::after {
      display: none; }
    .box-11__competition4:before {
      height: 275px; }
  .box-11__competition-work {
    padding-bottom: 0 !important; }
  .box-11__competition .contain[data-den-content="1"] {
    display: block; }
  .box-11__competition .contain[data-den-content="2"] {
    display: none; }
  .box-11__competition .contain[data-den-content="3"] {
    display: none; }
  .box-11__competition .contain[data-den-content="4"] {
    display: none; }
.box-11-bgFooter {
  height: 130px;
  width: 100%;
  background-image: url("../img/bg/mainBg.png");
  background-repeat: repeat-x;
  background-position-x: -4px; }
  .box-11-bgFooter1 {
    padding-top: 50px; }
  .box-11-bgFooter .main-filter {
    padding-top: 0; }
    .box-11-bgFooter .main-filter__wrap {
      justify-content: center; }
.box-11__option {
  width: 220px;
  height: 50px;
  border-radius: 25px;
  background-color: #fff;
  position: absolute;
  z-index: 3;
  right: 25px;
  margin-left: 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 4px 20px 0; }
  .box-11__option--item {
    cursor: pointer;
    position: relative; }
    .box-11__option--item:hover .box-11__option--title {
      display: block; }
    .box-11__option--item:hover .box-11--path {
      fill: #000; }
    .box-11__option--item > svg {
      transition: all .3s; }
  .box-11__option--home > svg {
    max-width: 22px;
    height: auto; }
  .box-11__option--home .box-11--path {
    fill: #000; }
  .box-11__option--crown > svg {
    max-width: 23px;
    height: auto; }
  .box-11__option--hard {
    margin-top: 2px; }
    .box-11__option--hard > svg {
      max-width: 18px;
      height: auto; }
  .box-11__option--label > svg {
    max-width: 16px;
    height: auto; }
  .box-11__option--search > svg {
    max-width: 20px;
    height: auto; }
  .box-11__option--title {
    display: none;
    position: absolute;
    border: 1px solid #898989;
    color: #798ea8;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
    background-color: #fff;
    transition: all 0.3s;
    box-shadow: 0px 5px 6.51px 0.49px rgba(0, 0, 0, 0.22);
    z-index: 9;
    width: 170px; }
    .box-11__option--title1 {
      top: 26px;
      left: -5px; }
    .box-11__option--title2 {
      top: 26px;
      left: -10px; }
    .box-11__option--title3 {
      top: 26px;
      left: -35px; }
    .box-11__option--title4 {
      top: 26px;
      left: -40px;
      width: 96px; }
    .box-11__option--title5 {
      top: 26px;
      left: -80px;
      width: 126px; }

.collect-content {
  min-height: 34vh;
  margin-top: -105px;
  padding-top: 21px;
  padding-bottom: 103px;
  position: relative; }
  .collect-content__box-textHome {
    top: 88px !important; }
  .collect-content__container {
    width: 866px;
    margin: 0 auto;
    padding: 9px;
    background-color: #fff;
    z-index: 55; }
  .collect-content__item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 848px;
    height: 162px;
    padding: 11px 0;
    margin: 0 auto;
    border-bottom: 1px solid #798ea8;
    color: #798ea8;
    transition: transform 0.6s;
    z-index: 555; }
    .collect-content__item-1 {
      border-top: 1px solid #798ea8; }
    .collect-content__item:hover {
      color: #ff0027; }
      .collect-content__item:hover .collect-content__item--img img {
        transform: scale(1.2); }
    .collect-content__item:first-child {
      border-top: 1px solid #798ea8; }
    .collect-content__item--text {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      width: 341px;
      height: 140px;
      background-color: #f3f6fa;
      text-transform: uppercase; }
      .collect-content__item--text h1 {
        font-family: 'mr_RegisterWideBold';
        font-size: 33.6px; }
      .collect-content__item--text p {
        font-size: 16.72px;
        font-weight: 600;
        letter-spacing: 4px; }
    .collect-content__item--space {
      width: 18px;
      height: 140px;
      background-color: #f3f6fa; }
    .collect-content__item--img {
      display: inline-block;
      overflow: hidden;
      width: 489px;
      height: 140px; }
      .collect-content__item--img img {
        transition: transform 0.6s;
        display: block; }
  .collect-content__after {
    display: block;
    height: 105px;
    background-image: url("../img/bg/mainBg.png");
    background-position: -4px; }

.community-content {
  min-height: 34vh;
  padding-top: 21px;
  padding-bottom: 80px;
  margin-top: -105px; }
  .community-content__second {
    margin-top: 0px; }
  .community-content__item {
    display: flex;
    justify-content: space-between;
    width: 814px;
    height: 384px;
    padding: 0 15px 0 15px;
    margin: 0 auto;
    background-color: #fff; }
    .community-content__item-0 {
      width: 814px;
      display: flex;
      margin: 0 auto;
      background: #fff;
      height: 11px; }
    .community-content__item-1 {
      padding-top: 13px;
      height: 397px; }
    .community-content__item--span {
      width: 784px;
      height: 1px;
      display: flex;
      margin: 11px auto;
      background-color: #798ea8; }
    .community-content__item--box {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      width: 386px;
      color: #798ea8;
      transition: all 0.3s;
      background-color: #ebebeb;
      cursor: pointer; }
      .community-content__item--box-text {
        height: 56px;
        width: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-transform: uppercase;
        transition: all 0.3s; }
        .community-content__item--box-text h1 {
          font-family: 'mr_RegisterWideBold';
          font-size: 28px;
          margin-top: -6px; }
        .community-content__item--box-text p {
          font-size: 13.94px;
          font-weight: 600;
          letter-spacing: 4px;
          margin-top: -5px; }
      .community-content__item--box-img {
        position: relative; }
      .community-content__item--box-aboutImg {
        opacity: 0;
        position: absolute;
        top: 0;
        background-color: rgba(0, 0, 0, 0.6);
        width: 386px;
        height: 330px;
        transition: all 0.3s;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        z-index: 999; }
        .community-content__item--box-aboutImg div {
          display: block;
          text-align: left; }
        .community-content__item--box-aboutImg p {
          font-size: 22px;
          color: #fff;
          text-transform: uppercase;
          margin-bottom: 10px; }
        .community-content__item--box-aboutImg h1 {
          font-weight: bold;
          font-size: 22px;
          color: #fff;
          text-transform: uppercase;
          margin-bottom: 10px; }
      .community-content__item--box:hover {
        background-color: #e40023; }
        .community-content__item--box:hover .community-content__item--box-text {
          color: #fff; }
        .community-content__item--box:hover .community-content__item--box-aboutImg {
          opacity: 1; }
  .community-content__after {
    display: block;
    width: 100%;
    height: 105px;
    background-image: url("../img/bg/mainBg.png");
    background-position: -4px; }

.box-search-category {
  width: 220px;
  position: absolute;
  top: 220px;
  left: 10px;
  z-index: 99; }
  .box-search-category--flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
  .box-search-category input[type="checkbox"] {
    display: none; }
  .box-search-category input[type="checkbox"] + label {
    font-weight: 600;
    font-size: 13px;
    color: #798ea8;
    display: block;
    position: relative;
    padding-left: 25px;
    margin: 7px 0; }
    .box-search-category input[type="checkbox"] + label span {
      color: #0055ff; }
  .box-search-category label::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    width: 16px;
    border: 1px solid #798ea8;
    border-radius: 100%;
    background-color: #fff;
    box-sizing: border-box; }
  .box-search-category label::after {
    content: "";
    display: none;
    position: absolute;
    top: 3px;
    left: 3px;
    height: 10px;
    width: 10px;
    border-radius: 50%;
    background-color: #798ea8; }
  .box-search-category input[type="checkbox"]:checked + label::after {
    display: block; }
  .box-search-category input[type="text"] {
    border: none;
    border-bottom: 2px solid #798ea8;
    max-width: 70px;
    height: 13px; }
  .box-search-category input[type="text"]:focus {
    border-bottom: 2px solid #0055ff; }
  .box-search-category__btn {
    width: 100%;
    display: block;
    margin: 14px 0;
    box-sizing: border-box;
    border: 2px solid #798ea8;
    border-radius: 17px;
    background-color: #fff;
    padding: 5px;
    color: #798ea8;
    font-weight: 600;
    transition-duration: .3s; }
    .box-search-category__btn:hover {
      background-color: #798ea8;
      color: #fff; }

.gen-sponsor-head {
  position: fixed;
  top: 55px;
  right: 8px;
  transform-origin: top right;
  height: 47px;
  z-index: 9999;
  vertical-align: top;
  transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; }
  .gen-sponsor-head--6 {
    vertical-align: top;
    height: auto;
    width: 164px; }
  .gen-sponsor-head:hover {
    will-change: transform;
    transform-origin: right top;
    transform: scale(1.2) translateZ(0); }
  .gen-sponsor-head img {
    vertical-align: top;
    height: 100%;
    width: auto; }

.gsShowSlide {
  width: 100%;
  height: 100vh;
  text-align: center;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  position: relative; }
  .gsShowSlide .slickSlide__item {
    position: relative; }
  .gsShowSlide__slide {
    background-color: #181818;
    height: 100vh;
    width: 100%;
    position: relative; }
  .gsShowSlide__sidebar {
    position: relative;
    height: 100vh;
    background-color: #798ea8; }
    .gsShowSlide__sidebar-box {
      width: 416px;
      height: 100vh;
      background-color: #798ea8;
      overflow: hidden;
      z-index: 99999;
      overflow: hidden;
      position: relative; }
    .gsShowSlide__sidebar--arrow {
      position: absolute;
      width: 35px;
      height: 70.6px;
      background-color: #798ea8;
      box-sizing: border-box;
      border-radius: 70.6px 0 0 70.6px;
      top: 0;
      right: 0;
      cursor: pointer;
      z-index: 9999;
      display: flex;
      align-items: center;
      justify-content: center; }
      .gsShowSlide__sidebar--arrow img {
        width: 9px;
        height: auto; }
    .gsShowSlide__sidebar-author {
      width: 100%;
      height: 70.6px;
      background-color: #798ea8;
      padding: 10px;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start; }
      .gsShowSlide__sidebar-author--photo {
        width: 50px;
        height: 50px;
        border: 2px solid #fff;
        box-sizing: border-box;
        overflow: hidden; }
        .gsShowSlide__sidebar-author--photo img {
          width: 50px;
          height: auto; }
      .gsShowSlide__sidebar-author--desc {
        text-align: left;
        padding: 0 5px 0 10px; }
        .gsShowSlide__sidebar-author--desc h6 {
          font-weight: 600;
          font-size: 18px;
          color: #fff;
          text-shadow: 2px 2px 1px rgba(0, 0, 0, 0.95); }
        .gsShowSlide__sidebar-author--desc p {
          color: #fff;
          font-size: 13px; }
    .gsShowSlide__sidebar-comment {
      background-color: #fff;
      width: 100%;
      height: 370px;
      padding: 10px 0;
      overflow: auto;
      text-align: left;
      overflow: hidden; }
      .gsShowSlide__sidebar-comment .comment-box {
        padding: 2px 30px;
        color: #586d88;
        min-width: 416px; }
        .gsShowSlide__sidebar-comment .comment-box__title {
          float: left;
          font-weight: 600;
          margin-right: 5px;
          color: #445469; }
    .gsShowSlide__sidebar-textarea {
      display: flex;
      align-items: center;
      justify-content: space-between;
      background-color: #fff;
      margin-top: 1px;
      height: 48px;
      padding: 0 10px 0 0; }
      .gsShowSlide__sidebar-textarea__smile {
        fill: #475566; }
      .gsShowSlide__sidebar-textarea__btn {
        height: 100%;
        color: #475566;
        font-weight: 600;
        font-size: 24px;
        cursor: pointer;
        background: none;
        border: none;
        padding: 0 15px;
        background-color: rgba(207, 213, 221, 0.3); }
        .gsShowSlide__sidebar-textarea__btn:hover {
          background-color: rgba(207, 213, 221, 0.6); }
      .gsShowSlide__sidebar-textarea__input {
        width: 100%;
        color: #586d88;
        border: none;
        padding: 0 5px; }
    .gsShowSlide__sidebar-sponsor {
      height: 70.6px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .gsShowSlide__sidebar-sponsor img:hover {
        transform: scale(1.2) translateZ(0);
        transition: .5s;
        transform-origin: center center; }
  .gsShowSlide .slick-prev, .gsShowSlide .slick-next {
    background-color: #181818 !important; }
  .gsShowSlide .slick-prev {
    left: 35px; }
  .gsShowSlide .slick-next {
    right: 35px; }
  .gsShowSlide .slick-prev:active, .gsShowSlide .slick-next:active {
    background-color: rgba(255, 255, 255, 0.1) !important; }
  .gsShowSlide .slick-prev:focus, .gsShowSlide .slick-next:focus {
    background-color: rgba(255, 255, 255, 0.1) !important; }
  .gsShowSlide .slickSlide__item {
    z-index: 99 !important; }
  .gsShowSlide .slickSlide-author {
    background-color: #181818;
    color: #798ea8 !important; }
  .gsShowSlide .slickSlide-pic {
    background-color: #181818;
    border: 3px dotted rgba(255, 255, 255, 0.6); }
    .gsShowSlide .slickSlide-pic__box {
      background-color: #fff;
      box-shadow: none; }
  .gsShowSlide .slickSlide-info {
    padding: 0 50px;
    height: 89px;
    align-items: flex-end; }
    .gsShowSlide .slickSlide-info__item--link {
      border: 2px dotted rgba(255, 255, 255, 0.6);
      background-color: #181818;
      margin: 0 5px; }
  .gsShowSlide-info__item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center; }
    .gsShowSlide-info__item a {
      margin: 0; }
    .gsShowSlide-info__item p {
      font-size: 18px;
      font-weight: 600;
      color: #798ea8;
      margin-bottom: 5px; }

.gsShowSlide-info {
  padding: 0 !important; }

.slickSlide__sidebar-sponsor {
  display: none;
  position: absolute;
  top: 15px;
  right: 50px;
  z-index: 99999; }
  .slickSlide__sidebar-sponsor img:hover {
    will-change: transform;
    transform-origin: top right;
    transform: scale(1.2) translateZ(0);
    transition: transform .3s; }

.gsShowSlide__sidebar-box--block {
  display: none; }

.genDropd {
  margin-top: -5px;
  border-bottom: 1px solid #b5b5b5; }
  .genDropd > ul {
    max-height: 483px;
    overflow-y: scroll;
    scrollbar-color: #a1a8af #d0d8e1;
    scrollbar-width: thin; }
  .genDropd li {
    border-right: none; }
    .genDropd li:hover {
      border-right: none; }
  .genDropd .box-section__li-title {
    border-right: none; }
    .genDropd .box-section__li-title:hover {
      border-right: none !important; }
  .genDropd::-webkit-scrollbar {
    background-color: #d0d8e1;
    width: 7px; }
  .genDropd::-webkit-scrollbar-thumb {
    background-color: #a1a8af; }
  .genDropd .unActive {
    font-weight: 400 !important; }

.dropActive__sponsor {
  top: 270px;
  transition: transform .3s;
  transform-origin: center center;
  height: 36px;
  width: 250px;
  display: flex;
  justify-content: center;
  margin-top: 50px; }
  .dropActive__sponsor img {
    height: 36px;
    width: auto; }
  .dropActive__sponsor:hover {
    transform-origin: center center;
    transform: scale(1.3) translateZ(0);
    transition: transform .3s; }

.slickSlide-info__item--pencil {
  background-image: url("../img/icon/Pencil.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover; }

.hsContainer {
  display: table;
  table-layout: fixed;
  width: 100%;
  height: 510px;
  overflow: hidden;
  position: relative;
  opacity: 0; }

.hsContent {
  max-width: 450px;
  margin: -150px auto 0 auto;
  display: table-cell;
  vertical-align: middle;
  color: #ebebeb;
  padding: 0 8%;
  text-align: center; }

.bcg {
  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  height: 100%;
  width: 100%; }

.velvet {
  color: #4c378a; }

.pink {
  color: #ff4270; }

.blue {
  color: #2288cf; }

.orange {
  color: #ff5c11; }

.navyViolet {
  color: #303390; }

.navyBlue {
  color: #2e3444; }

.green {
  color: #058921; }

.yellow {
  color: #ffe602; }

.sky {
  color: #5393bc; }

.lightorange {
  color: #ff6800; }

.purple {
  color: #ae7484; }

.darkBLue {
  color: #353191; }

.berry {
  color: #ff4373; }

.blueSea {
  color: #0098b9; }

.purplePink {
  color: #ff2d2d; }

.lightGreen {
  color: #00b119; }

.lightVelvet {
  color: #a800ff; }

.darkOrange {
  color: #e97810; }

.darkBarry {
  color: #ff4073; }

.greenGrey {
  color: #786e34; }

.darkYellow {
  color: #ffc200; }

.darkVelvet {
  color: #5e2f74; }

.blueSky {
  color: #2e22cf; }

.followUser {
  background-color: #DA6E70 !important; }
  .followUser:hover {
    background-color: #FF0005 !important; }

[data-tr-search="let"] {
  display: inline-block; }

.whiteBg {
  color: #fff !important;
  background-color: #01b7c3 !important;
  padding: 5px 10px;
  font-weight: bold; }

.colorBlue {
  color: #fff !important;
  background-color: #0000ef !important;
  padding: 5px 10px;
  font-weight: bold; }

.colorLightBlue {
  color: #fff !important;
  background-color: #006bbe !important;
  padding: 5px 10px;
  font-weight: bold; }

.colorGrey {
  color: #fff !important;
  background-color: #212227 !important;
  padding: 5px 10px;
  font-weight: bold; }

.workshopHead {
  height: 195px;
  position: relative;
  z-index: 99999; }
  .workshopHead__wrap {
    width: 860px;
    padding: 0 15px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between; }
    .workshopHead__wrap .main-filter__item {
      margin: 0; }
  .workshopHead--top {
    height: 195px;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 9; }
  .workshopHead_1 {
    background-image: url("../img/geniarium/profilBg/bg_6.png");
    background-position: center -50px;
    background-size: cover; }
  .workshopHead_2 {
    background-image: url("../img/geniarium/profilBg/bg_1.png");
    background-position: center -76px;
    background-size: cover; }
  .workshopHead_3 {
    background-image: url("../img/geniarium/profilBg/bg_2.png");
    background-position: center;
    background-size: cover; }
  .workshopHead_4 {
    background-image: url("../img/geniarium/profilBg/bg_10.png");
    background-position: center;
    background-size: cover; }
  .workshopHead_5 {
    background-image: url("../img/geniarium/profilBg/bg_5.png");
    background-position: center -3px;
    background-size: cover; }
  .workshopHead_6 {
    background-image: url("../img/geniarium/profilBg/bg_7.png");
    background-position: center;
    background-size: cover; }
  .workshopHead_7 {
    background-image: url("../img/geniarium/profilBg/bg_8.png");
    background-position: center;
    background-size: cover; }
  .workshopHead_8 {
    background-image: url("../img/geniarium/profilBg/bg_9.png");
    background-position: center 0px;
    background-size: cover; }
  .workshopHead_9 {
    background-image: url("../img/geniarium/profilBg/bg_3.png");
    background-position: center -50px;
    background-size: cover; }
  .workshopHead_10 {
    background-image: url("../img/geniarium/profilBg/bg_4.png");
    background-position: center  0px;
    background-size: cover; }
  .workshopHead__content {
    position: absolute;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
    width: 860px;
    top: 116px;
    left: calc(50% - 235px);
    transform: translateX(-50%); }
    .workshopHead__content:after {
      content: '';
      display: block;
      width: 100%;
      height: 38px;
      border-radius: 0 20px 20px 0;
      background-color: #fff;
      position: absolute;
      left: calc(-100% + 16px);
      top: 161px; }
  .workshopHead-user {
    display: flex;
    align-items: center;
    position: absolute; }
    .workshopHead-user__img {
      width: 206px;
      height: 206px;
      min-width: 206px;
      min-height: 206px;
      background-color: #fff;
      border-radius: 50%;
      border: 10px solid #fff;
      position: relative; }
      .workshopHead-user__img img {
        width: 100%;
        height: 100%;
        transition: all .3s;
        position: absolute;
        top: 0;
        left: 0; }
      .workshopHead-user__img:hover .workshopHead-img_d {
        opacity: 0; }
    .workshopHead-user__count {
      position: absolute;
      top: 8px;
      left: 206px; }
      .workshopHead-user__count .gsShow-sidebar-head__count {
        position: static;
        display: flex;
        align-items: center; }
        .workshopHead-user__count .gsShow-sidebar-head__count--item {
          font-size: 19px; }
        .workshopHead-user__count .gsShow-sidebar-head__count--div {
          width: 54px;
          height: 54px;
          background: #fff;
          border-radius: 50%;
          display: flex;
          justify-content: center;
          align-items: center; }
        .workshopHead-user__count .gsShow-sidebar-head__count--div1 {
          display: flex;
          align-items: center;
          justify-content: space-between;
          padding: 7px 6px;
          height: 54px;
          width: 96px;
          background: #fff;
          border-radius: 33px; }
        .workshopHead-user__count .gsShow-sidebar-head__count--div3 {
          width: 140px; }
      .workshopHead-user__count .gsShow-sidebar-head__count--f {
        width: 36px;
        height: 36px;
        box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3); }
      .workshopHead-user__count .gsShow-sidebar-head__count--tree {
        width: 40px;
        height: 40px;
        box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3); }
        .workshopHead-user__count .gsShow-sidebar-head__count--tree p {
          font-size: 26px !important;
          font-weight: bold; }
      .workshopHead-user__count .gsShow-sidebar-head__count--one {
        width: 40px;
        height: 40px;
        box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3); }
        .workshopHead-user__count .gsShow-sidebar-head__count--one p {
          font-size: 26px !important;
          font-weight: bold; }
      .workshopHead-user__count .gsShow-sidebar-head__count--two {
        width: 40px;
        height: 40px;
        box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3); }
        .workshopHead-user__count .gsShow-sidebar-head__count--two p {
          font-size: 26px !important;
          font-weight: bold; }
    .workshopHead-user__desc {
      background-color: #fff;
      border-radius: 20px;
      height: fit-content;
      width: 427px;
      padding: 5px 10px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin-top: 151px;
      margin-left: -15px; }
      .workshopHead-user__desc--name {
        font-size: 18px;
        color: #000;
        font-weight: bold;
        margin-left: 8px; }
      .workshopHead-user__desc--btn {
        display: flex;
        align-items: center;
        justify-content: flex-end; }
      .workshopHead-user__desc--class {
        cursor: pointer;
        position: relative;
        margin-left: 5px;
        width: 28px;
        height: 28px; }
        .workshopHead-user__desc--class:hover .gsShow-sidebar-head__soc--path {
          fill: #FF0005; }
        .workshopHead-user__desc--class:hover .gsShow-sidebar-head__soc__title {
          display: block; }
      .workshopHead-user__desc--follow {
        margin: 0 12px; }
      .workshopHead-user__desc--settings {
        position: relative; }
        .workshopHead-user__desc--settings .avatar-content {
          top: 31px; }
  .workshopHead-social {
    position: absolute;
    left: -138px;
    top: -30px;
    width: fit-content;
    height: 118px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    background-color: #fff;
    border-radius: 8px;
    padding: 20px 14px;
    margin-top: -4px;
    box-shadow: 0px 5px 6.51px 0.49px rgba(0, 0, 0, 0.1); }
    .workshopHead-social a[target="_blank"] {
      width: 18px;
      height: 18px;
      margin: 0 6px;
      cursor: pointer;
      background-size: cover; }
    .workshopHead-social__sircle {
      position: absolute;
      display: flex;
      align-items: center;
      justify-content: center;
      font-size: 12px;
      font-weight: 700;
      font-family: sans-serif;
      margin-top: 1px;
      width: 16px;
      height: 16px;
      background-color: #798ea8;
      color: #fff;
      border-radius: 50%;
      left: 0px; }
      .workshopHead-social__sircle:hover ~ .workshopHead-social__tooltip {
        visibility: visible; }
    .workshopHead-social__buttons {
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      height: 45px; }
    .workshopHead-social__battle, .workshopHead-social__challenge {
      margin-left: 22px;
      color: #2188ff;
      font-size: 16px;
      font-weight: bold;
      text-decoration: underline; }
    .workshopHead-social__battle:hover + .workshopHead-social__tooltip {
      visibility: visible; }
    .workshopHead-social__challenge:hover + .workshopHead-social__tooltip {
      visibility: visible; }
    .workshopHead-social__tooltip {
      visibility: hidden;
      position: absolute;
      width: 220px;
      height: auto;
      padding: 10px 0px 12px 9px;
      border: 1px solid #898989;
      background-color: #fff;
      color: #798ea8;
      box-shadow: 0px 5px 6.51px 0.49px rgba(0, 0, 0, 0.22);
      font-size: 14px;
      font-weight: bold;
      text-align: left;
      left: -62px;
      margin-top: 8px;
      z-index: 99999; }
    .workshopHead-social .modal-home__social--fb {
      background-image: url("../img/icon/Socials/facebook.svg"); }
      .workshopHead-social .modal-home__social--fb:hover {
        background-image: url("../img/icon/Socials/Facrbook_hover.svg"); }
    .workshopHead-social .modal-home__social--insta {
      background-image: url("../img/icon/Socials/instagram.svg"); }
      .workshopHead-social .modal-home__social--insta:hover {
        background-image: url("../img/icon/Socials/Instagram_hover.svg"); }
    .workshopHead-social .modal-home__social--pinterest {
      background-image: url("../img/icon/Socials/pinterest-logo.svg"); }
      .workshopHead-social .modal-home__social--pinterest:hover {
        background-image: url("../img/icon/Socials/Pinterest_hover.svg"); }
    .workshopHead-social .modal-home__social--tw {
      background-image: url("../img/icon/Socials/twitter-sign.svg"); }
      .workshopHead-social .modal-home__social--tw:hover {
        background-image: url("../img/icon/Socials/Twitter_hover.svg"); }

.workshopHeader-main {
  margin-bottom: 419px;
  background-color: #fff;
  z-index: 9;
  box-shadow: 0px 25px 27px 0px rgba(0, 0, 0, 0.43); }
  .workshopHeader-main__item .main-filter {
    padding: 81px 0 !important; }

.workshopTabs__wrap {
  padding: 15px 0 0 0;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  flex-wrap: nowrap;
  width: 860px;
  margin: 0 auto;
  position: relative; }
  .workshopTabs__wrap .box-textHome {
    top: 8px !important;
    left: -240px !important; }
.workshopTabs__co {
  padding-left: 106px; }
.workshopTabs-desc {
  width: 67%;
  color: #798ea8;
  font-size: 18px;
  font-weight: bold; }
  .workshopTabs-desc-public {
    width: 100%; }
  .workshopTabs-desc__item {
    display: flex;
    justify-content: flex-end; }
  .workshopTabs-desc--arrow {
    width: 4px;
    height: 4px;
    background-color: #798ea8;
    border-radius: 50%;
    margin: 0 3px 2px 0;
    display: inline-block; }
  .workshopTabs-desc--text {
    width: 600px;
    margin-left: 50px;
    font-weight: 400; }
.workshopTabs-path {
  fill: #798ea8; }
.workshopTabs-components {
  padding-left: 53px; }
  .workshopTabs-components .editor-checked__list li {
    font-weight: bold; }
  .workshopTabs-components .editor-checked__drop--p {
    font-weight: bold; }
  .workshopTabs-components--icon {
    width: 20px;
    height: 20px;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center; }
    .workshopTabs-components--icon svg {
      width: 28px;
      height: auto; }
  .workshopTabs-components--category {
    padding-left: 25px;
    margin-top: 12px; }
    .workshopTabs-components--category__likes svg {
      width: auto;
      height: 18px; }
    .workshopTabs-components--category__bookmarks svg {
      width: 14px;
      height: auto; }
    .workshopTabs-components--category__comments svg {
      width: 19px;
      height: auto; }
    .workshopTabs-components--category > div {
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: flex-start; }
      .workshopTabs-components--category > div > p {
        color: #798ea8;
        padding: 7px 0 7px 12px;
        font-size: 18px;
        font-weight: bold; }
      .workshopTabs-components--category > div:hover p {
        color: #000; }
      .workshopTabs-components--category > div:hover .workshopTabs-path {
        fill: #000; }
    .workshopTabs-components--category .active .workshopTabs-path {
      fill: #000; }
    .workshopTabs-components--category .active p {
      color: #000; }
  .workshopTabs-components--drop {
    position: relative;
    height: 27px; }
    .workshopTabs-components--drop .editor-checked__item {
      position: absolute;
      top: 0;
      left: 0; }
  .workshopTabs-components--checkbox .editor-commentsCheckbox__wrap {
    margin-left: 0; }
    .workshopTabs-components--checkbox .editor-commentsCheckbox__wrap p {
      width: 290px;
      font-weight: bold; }
  .workshopTabs-components--checkbox .editor-commentsCheckbox__item {
    margin: 8px 0;
    cursor: pointer; }

[data-show-public="true"] {
  display: block; }

[data-show-public="false"] {
  display: none; }

[data-show-private="true"] {
  display: block; }

[data-show-private="false"] {
  display: none; }

[data-show-pencilbeats="true"] {
  display: block; }

[data-show-pencilbeats="false"] {
  display: none; }

[data-show-bookmarks="true"] {
  display: block; }

[data-show-bookmarks="false"] {
  display: none; }

[data-show-comments="true"] {
  display: block; }

[data-show-comments="false"] {
  display: none; }

[data-show-img="false"] {
  display: none; }

.workshopPrivate {
  height: 310px;
  position: relative;
  width: 100%; }
  .workshopPrivate p {
    color: #d0d5d9;
    font-family: 'mr_RegisterWideBold';
    font-size: 32px;
    text-transform: uppercase;
    margin-top: 20px; }
  .workshopPrivate__item {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -78px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column; }

.workshopContent {
  margin-top: 25px; }
  .workshopContent--item {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 1276px;
    margin: 0 auto;
    flex-wrap: nowrap; }
  .workshopContent-comp {
    padding: 13px 0 0 0;
    margin-bottom: 13px;
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    border-top: 1px solid #798ea8;
    width: 100%; }
    .workshopContent-comp--green {
      background-color: #92ecc2; }
    .workshopContent-comp--pink {
      background-color: #fbc0c0; }
    .workshopContent-comp--yellow {
      background-color: #fcdca3; }
    .workshopContent-comp--item {
      width: 418px;
      cursor: pointer; }
      .workshopContent-comp--item__head {
        color: #fff;
        font-size: 16px;
        font-weight: 600;
        display: flex;
        align-items: center;
        justify-content: space-between;
        position: relative;
        height: 25px;
        line-height: 25px;
        padding: 0 7px;
        background-color: #181818; }
        .workshopContent-comp--item__head span {
          font-size: 18px;
          font-weight: bold;
          text-transform: uppercase;
          color: #798ea8;
          font-family: "mr_RegisterWideBold", sans-serif;
          -webkit-transition: all 0.3s;
          transition: all 0.3s;
          margin-left: 5px; }
      .workshopContent-comp--item__link {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 9; }
      .workshopContent-comp--item__sponsor {
        position: relative;
        right: 0;
        bottom: 0;
        height: 21px;
        transition: 0.2s linear;
        transform-origin: bottom left; }
        .workshopContent-comp--item__sponsorImg {
          height: 21px; }
      .workshopContent-comp--item__main {
        height: 175px;
        position: relative;
        border: none; }
        .workshopContent-comp--item__main--link {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          z-index: 2; }
      .workshopContent-comp--item__bg {
        opacity: 1;
        position: absolute;
        top: 0px;
        right: 0;
        width: 100%;
        height: 175px;
        transition: all 0.3s;
        border: none; }
        .workshopContent-comp--item__bg > img {
          position: absolute;
          top: 0;
          right: 0;
          transition: all 0.5s;
          width: 100%;
          height: 100%; }
      .workshopContent-comp--item__prize {
        height: 158px;
        width: 158px;
        background-color: #fff;
        border-radius: 50%;
        position: absolute;
        bottom: -1px;
        right: -1px;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 3;
        transition: 0.2s linear;
        transform-origin: center center; }
        .workshopContent-comp--item__prize--link {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          left: 0;
          z-index: 3; }
        .workshopContent-comp--item__prize > img {
          transition: 0.2s linear;
          transform-origin: center center; }
        .workshopContent-comp--item__prize::after {
          content: '';
          display: block;
          width: 76px;
          height: 71px;
          right: -4px;
          bottom: 0;
          position: absolute;
          background-color: #fff;
          z-index: -1; }
        .workshopContent-comp--item__prize--sponsor {
          position: absolute;
          bottom: 5px;
          right: 5px;
          display: flex;
          align-items: center;
          justify-content: flex-end;
          max-width: 150px;
          opacity: 0;
          transition: opacity .5s;
          z-index: 3; }
          .workshopContent-comp--item__prize--sponsor img {
            width: 100%;
            height: auto; }
          .workshopContent-comp--item__prize--sponsor1 {
            max-width: 30px; }
          .workshopContent-comp--item__prize--sponsor2 {
            max-width: 50px; }
          .workshopContent-comp--item__prize--sponsor .pointed-to {
            margin-left: 3px; }
      .workshopContent-comp--item__desc {
        position: relative;
        max-width: 218px;
        height: 152px;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-left: 23px; }
        .workshopContent-comp--item__desc #item--info {
          z-index: 3; }
        .workshopContent-comp--item__desc h2 {
          color: #fff;
          text-shadow: 3px 3px 0.5px black;
          font-family: "a_BighausTitulExtraBolt", sans-serif;
          font-size: 22px;
          z-index: 1;
          position: relative; }
    .workshopContent-comp--state {
      width: 470px; }
      .workshopContent-comp--state__head {
        height: 25px;
        width: 100%;
        text-align: center;
        font-size: 18px;
        font-family: "mr_RegisterWideBold", sans-serif;
        text-transform: uppercase;
        color: #fff;
        line-height: 24px; }
      .workshopContent-comp--state__main {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        padding-top: 10px;
        padding-bottom: 10px;
        background-color: #f3f6fa;
        height: 175px; }
        .workshopContent-comp--state__main p {
          font-size: 16px;
          color: #798ea8; }
      .workshopContent-comp--state__first {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        width: 230px;
        height: 152px;
        font-weight: bold; }
      .workshopContent-comp--state__second {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        width: 235px;
        height: 152px; }
      .workshopContent-comp--state__desc {
        font-weight: bold; }
        .workshopContent-comp--state__desc p {
          color: #000; }
        .workshopContent-comp--state__desc--etap {
          display: flex;
          align-items: center;
          justify-content: space-between;
          margin-right: 10px; }
          .workshopContent-comp--state__desc--etap span {
            font-family: "astronaut", sans-serif;
            color: #798ea8;
            font-size: 18px; }
      .workshopContent-comp--state__etap p {
        padding-left: 25px;
        position: relative; }
        .workshopContent-comp--state__etap p:after {
          content: '';
          display: block;
          position: absolute;
          width: 4px;
          height: 4px;
          background-color: #798ea8;
          border-radius: 50%;
          left: 10px;
          top: 7px; }
      .workshopContent-comp--state__pencil {
        line-height: 14px;
        padding-left: 9px; }
      .workshopContent-comp--state__timer {
        display: flex;
        align-items: center;
        justify-content: flex-start; }
        .workshopContent-comp--state__timer--green {
          font-family: "astronaut", sans-serif;
          font-size: 36px;
          line-height: 27px;
          color: #92ecc2;
          margin-left: 10px;
          display: flex; }
          .workshopContent-comp--state__timer--green span {
            width: 36px;
            display: inline-block;
            text-align: center; }
        .workshopContent-comp--state__timer--pink {
          font-family: "astronaut", sans-serif;
          font-size: 36px;
          line-height: 36px;
          margin-left: 10px;
          color: #fbc0c0;
          display: flex; }
          .workshopContent-comp--state__timer--pink span {
            width: 36px;
            display: inline-block;
            text-align: center; }
        .workshopContent-comp--state__timer--yellow {
          font-family: "astronaut", sans-serif;
          font-size: 36px;
          line-height: 36px;
          margin-left: 10px;
          color: #fcdca3;
          display: flex; }
          .workshopContent-comp--state__timer--yellow span {
            width: 36px;
            display: inline-block;
            text-align: center; }
      .workshopContent-comp--state__winner {
        display: flex;
        align-items: flex-end;
        justify-content: flex-start; }
        .workshopContent-comp--state__winner--img {
          display: flex;
          align-items: flex-end;
          justify-content: flex-start;
          margin-left: 8px; }
          .workshopContent-comp--state__winner--img > a {
            margin: 0 7px;
            display: block;
            cursor: pointer; }
        .workshopContent-comp--state__winner .gsShowContent1-comments__photo {
          min-width: 40px !important;
          min-height: 40px !important; }
        .workshopContent-comp--state__winner .gsHoverPhoto-img {
          width: 40px !important;
          height: 40px !important; }
    .workshopContent-comp--act {
      width: 292px; }
      .workshopContent-comp--act__head {
        height: 25px;
        width: 100%;
        text-align: center;
        font-size: 18px;
        font-family: "mr_RegisterWideBold", sans-serif;
        text-transform: uppercase;
        color: #fff;
        line-height: 24px; }
      .workshopContent-comp--act__main {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-direction: column;
        height: 175px;
        padding-left: 10px;
        background-color: #f3f6fa; }
      .workshopContent-comp--act__link {
        width: 100%;
        margin-left: 5px; }
        .workshopContent-comp--act__link--item {
          display: block;
          cursor: pointer;
          color: #2188ff;
          font-size: 16px;
          text-decoration: underline;
          font-weight: bold;
          padding-bottom: 4px;
          line-height: 16px; }
          .workshopContent-comp--act__link--item:hover {
            text-decoration: none; }
        .workshopContent-comp--act__link--prem {
          color: #000;
          position: relative;
          padding-left: 10px; }
          .workshopContent-comp--act__link--prem:after {
            content: "";
            display: block;
            position: absolute;
            width: 4px;
            height: 4px;
            background-color: #000;
            border-radius: 50%;
            left: 1px;
            top: 8px; }
    .workshopContent-comp .info_com p {
      text-shadow: 2px 1px 1px #000;
      font-weight: 600; }
  .workshopContent-co1 .workshopContent-comp--item__main {
    background-image: url("../img/bg/bg_genear/bg_hover_1.png");
    background-position-x: 0;
    background-position-y: 0;
    background-size: cover; }
  .workshopContent-co1 .workshopContent-comp--item__prize > img {
    height: 99px;
    width: auto; }
  .workshopContent-co2 .workshopContent-comp--item__main {
    background-image: url("../img/bg/bg_genear/bg_hover_2.png");
    background-position-x: 0;
    background-position-y: 0;
    background-size: cover; }
  .workshopContent-co2 .workshopContent-comp--item__prize > img {
    height: 91px;
    width: auto; }
  .workshopContent-co3 .workshopContent-comp--item__main {
    background-image: url("../img/bg/bg_genear/bg_hover_3.png");
    background-position-x: 0;
    background-position-y: 0;
    background-size: cover; }
  .workshopContent-co3 .workshopContent-comp--item__prize > img {
    height: 93px;
    width: auto; }
  .workshopContent-co4 .workshopContent-comp--item__main {
    background-image: url("../img/bg/bg_genear/bg_hover_4.png");
    background-position-x: 0;
    background-position-y: 0;
    background-size: 100%; }
  .workshopContent-co4 .workshopContent-comp--item__prize > img {
    height: 53px;
    width: auto; }
  .workshopContent-co5 .workshopContent-comp--item__main {
    background-image: url("../img/bg/bg_genear/bg_hover_5.png");
    background-position-x: 0;
    background-position-y: 0;
    background-size: 100%; }
  .workshopContent-co5 .workshopContent-comp--item__prize > img {
    height: 72px;
    width: auto; }
  .workshopContent-co6 .workshopContent-comp--item__main {
    background-image: url("../img/bg/bg_genear/bg_hover_6.png");
    background-position-x: 0;
    background-position-y: 0;
    background-size: 100%; }
  .workshopContent-co6 .workshopContent-comp--item__prize > img {
    height: 69px;
    width: auto; }
  .workshopContent-co7 .workshopContent-comp--item__main {
    background-image: url("../img/bg/bg_genear/bg_hover_7.png");
    background-position-x: 0;
    background-position-y: 0;
    background-size: 100%; }
  .workshopContent-co7 .workshopContent-comp--item__prize > img {
    height: 62px;
    width: auto; }
  .workshopContent-co8 .workshopContent-comp--item__main {
    background-image: url("../img/bg/bg_genear/bg_hover_8.png");
    background-position-x: 0;
    background-position-y: 0;
    background-size: 100%; }
  .workshopContent-co8 .workshopContent-comp--item__prize > img {
    height: 97px;
    width: auto; }
  .workshopContent-co9 .workshopContent-comp--item__main {
    background-image: url("../img/bg/bg_genear/bg_hover_9.png");
    background-position-x: 0;
    background-position-y: 0;
    background-size: 100%; }
  .workshopContent-co9 .workshopContent-comp--item__prize > img {
    height: 97px;
    width: auto; }
  .workshopContent-co10 {
    margin-bottom: 30px; }
    .workshopContent-co10 .workshopContent-comp--item__main {
      background-image: url("../img/bg/bg_genear/bg_hover_10.png");
      background-position-x: 0;
      background-position-y: 0;
      background-size: 100%; }
    .workshopContent-co10 .workshopContent-comp--item__prize > img {
      height: 71px;
      width: auto; }
  .workshopContent-btn {
    padding: 9px 2px; }
    .workshopContent-btn--link {
      width: 36px;
      height: 36px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #fff;
      border-radius: 50%;
      border: 2px solid #fff;
      cursor: pointer;
      transition: all .3s; }
      .workshopContent-btn--link img {
        width: 38%; }
      .workshopContent-btn--link .slickSlide-info__item--info {
        width: 24%; }

.error {
  display: flex;
  align-items: center;
  justify-content: center; }
  .error p {
    font-weight: 600;
    font-size: 20px;
    color: rgba(146, 146, 146, 0.51); }
  .error__item {
    margin: 15px; }

#box-12 {
  margin-top: 118px; }

#workshopBg {
  position: relative; }

.workshopBg {
  height: 357px;
  width: 100%;
  box-shadow: inset 0px -200px 107px -110px rgba(0, 0, 0, 0.54); }
  .workshopBg--1 {
    background-image: url("../img/workshop/bg/bg_1.png");
    background-position: top center;
    background-size: cover; }
  .workshopBg--2 {
    background-image: url("../img/workshop/bg/bg_2.png");
    background-position: top center;
    background-size: cover; }
  .workshopBg--3 {
    background-image: url("../img/workshop/bg/bg_3.png");
    background-position: top center;
    background-size: cover; }

.workshop {
  background-color: #0043ca; }
  .workshop-menu {
    position: relative;
    height: 26px; }
  .workshop__photo {
    position: absolute;
    width: 215px;
    right: 1112px;
    height: 198px;
    top: -173px; }
    .workshop__photo--house {
      position: relative;
      left: -22px; }
      .workshop__photo--house img {
        vertical-align: top; }
    .workshop__photo--content {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      background-position-x: 4px;
      z-index: 99;
      top: -144px;
      position: relative; }
    .workshop__photo--img {
      width: 101px;
      height: 101px;
      border-radius: 50%;
      border: 5px solid #fff;
      overflow: hidden;
      box-sizing: border-box; }
      .workshop__photo--img img {
        width: 100%;
        height: auto; }
    .workshop__photo--title {
      color: #ff0027;
      font-weight: 600;
      font-size: 20px;
      -webkit-text-stroke-width: 0.5px;
      -webkit-text-stroke-color: #fff;
      margin-top: 5px; }
  .workshop__nav-item {
    height: 26px;
    line-height: 26px;
    text-align: center;
    width: 161px;
    color: #fff;
    font-weight: 600;
    font-size: 17px;
    position: absolute;
    top: 0; }
    .workshop__nav-item--active {
      top: -7px;
      height: 40px;
      line-height: 40px; }
  .workshop__nav--news {
    background-color: #00aeff;
    right: 951px; }
  .workshop__nav--works {
    background-color: #0043ca;
    right: 790px; }
  .workshop__nav--competition {
    background-color: #9789ff;
    right: 629px; }
  .workshop__nav--pensil {
    background-color: #0055ff;
    right: 468px; }
  .workshop__nav--master {
    background-color: #00aeff;
    right: 307px; }
  .workshop__nav--profile {
    background-color: #00339a;
    right: 146px; }
  .workshop__nav--more {
    background-color: #0055ff;
    right: 0;
    width: 146px; }
  .workshop--line {
    width: 100%;
    height: 84px;
    background-image: url("../img/bg/menu_bg3.png");
    background-position-x: 3px; }
  .workshop-dropbox {
    position: absolute;
    left: 0;
    bottom: -26px; }
    .workshop-dropbox--menu {
      display: none;
      position: absolute;
      z-index: 999;
      background-color: #fff; }
      .workshop-dropbox--menu ul {
        border-bottom: 1px solid #b5b5b5;
        border-left: 1px solid #b5b5b5;
        border-top: 1px solid #b5b5b5;
        background-color: #fff;
        border-right: 6px solid #d0d8e1;
        width: 256px;
        padding: 7px 0; }
      .workshop-dropbox--menu li a {
        color: #798ea8;
        font-weight: 600;
        width: 100%;
        display: block;
        padding: 7px 0 7px 40px; }
      .workshop-dropbox--menu li:hover {
        background-color: #d0d8e1; }
    .workshop-dropbox__title {
      width: 268px;
      height: 34px;
      line-height: 34px;
      border-top: 1px solid #85aeff;
      border-right: 1px solid #85aeff;
      border-bottom: 1px solid #85aeff;
      background-color: #d9e5fe;
      color: #0055ff;
      font-weight: 600;
      padding-left: 46px;
      border-radius: 0 33px 33px 0;
      position: relative; }
      .workshop-dropbox__title--img {
        position: absolute;
        top: 6px;
        right: 5px; }
  .workshop-headBotoom {
    position: relative;
    z-index: 99; }
  .workshop-title {
    position: absolute;
    top: -32px;
    right: 0;
    display: flex;
    align-items: center;
    margin-right: 218px; }
    .workshop-title__btn {
      width: 56px;
      height: 56px;
      display: block;
      position: absolute;
      left: -45px;
      border-radius: 50%;
      background-image: url("../img/btn/shopwork.png");
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      border: none;
      box-shadow: 0px 6px 4px 0px rgba(0, 0, 0, 0.4); }
      .workshop-title__btn:hover {
        background-image: url("../img/btn/shopwork_2.png");
        transform: scale(1.3) translateZ(0);
        transition: all 0.3s; }
      .workshop-title__btn:active {
        box-shadow: 0px 6px 4px 0px rgba(0, 0, 0, 0.6);
        background-image: url("../img/btn/shopwork_3.png");
        transform: scale(1.5) translateZ(0);
        transition: none; }
    .workshop-title--h1 {
      color: #0055ff;
      font-size: 60px;
      text-shadow: 3px 3.5px 3.5px rgba(0, 0, 0, 0.95);
      -webkit-text-stroke-width: 1.5px;
      -webkit-text-stroke-color: #fff;
      margin-left: 65px;
      margin-top: -10px; }
  .workshop-text {
    position: relative;
    top: 16px;
    height: 86px;
    background-image: url("../img/bg/menu_bg3.png");
    z-index: 0;
    margin-bottom: 100px; }
    .workshop-text h3 {
      position: absolute;
      top: 54px;
      left: 47px;
      font-family: "BickhamScriptTwo", serif;
      font-size: 60px;
      color: #798ea8;
      transition: all .3s;
      text-shadow: 0px -2px 1px #fff;
      font-weight: 400;
      margin-left: 250px;
      letter-spacing: 2px; }
      .workshop-text h3:hover {
        color: #000; }

.worckshop2-tab {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 35px; }
  .worckshop2-tab__item {
    margin-left: 15px;
    cursor: pointer;
    padding: 10px 0;
    font-size: 25px;
    color: #0055ff;
    margin-left: 108px; }
  .worckshop2-tab__active {
    color: #777777; }
.worckshop2-content__item {
  display: none; }
.worckshop2-content__privat {
  display: block; }
.worckshop2-content__box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 25px 0;
  border-bottom: 1px solid rgba(146, 146, 146, 0.51); }
  .worckshop2-content__box--img {
    width: 106px;
    height: 106px;
    border: 2px solid #777777;
    overflow: hidden; }
    .worckshop2-content__box--img img {
      width: 106px;
      height: 100%; }
  .worckshop2-content__box--title {
    padding: 5px 5px 5px 25px;
    font-size: 24px;
    color: #798ea8; }
  .worckshop2-content__box--date {
    padding: 5px 5px 5px 25px;
    font-size: 24px;
    color: #798ea8; }
  .worckshop2-content__box--new {
    display: none; }

.profile {
  width: 600px;
  margin: 0 auto; }
  .profile-tabs {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    margin-bottom: 75px; }
    .profile-tabs__item {
      padding: 10px 0;
      font-size: 25px;
      color: #0055ff;
      margin-left: 108px;
      cursor: pointer; }
    .profile-tabs--active {
      color: #777777; }
  .profile-content__line--password {
    display: none; }
  .profile-content__line--password--2 {
    display: none; }
  .profile-content-th {
    width: 100%;
    padding-left: 30px;
    position: relative; }
    .profile-content-th--icon {
      position: absolute;
      top: 50%;
      left: 0;
      transform: translateY(-50%); }
    .profile-content-th--btnIcon {
      position: absolute;
      top: 8px;
      right: 12px;
      cursor: pointer; }
    .profile-content-th input {
      border: none;
      background-color: #d7e9ff;
      width: 95%;
      color: #777777; }
      .profile-content-th input::placeholder {
        color: #777777;
        opacity: 1; }
      .profile-content-th input button #reset-button .datetime-reset-button {
        display: none !important;
        opacity: 0; }
    .profile-content-th--btn {
      border: none;
      background-color: #d7e9ff;
      width: 100%;
      text-align: left;
      color: #005aff;
      height: 36px;
      outline: 0 !important;
      padding: 0; }
    .profile-content-th--link {
      color: #005aff;
      text-decoration: underline; }
  .profile-content__password {
    margin-top: 9px;
    position: relative; }
  .profile-content__old--1 {
    display: none;
    padding: 4px 0 19px;
    background-color: #d7e9ff;
    width: 100%;
    color: #777777;
    font-size: 17px;
    align-items: center;
    justify-content: flex-start; }
  .profile-content__old {
    display: none;
    padding: 4px 0 19px;
    background-color: #d7e9ff;
    width: 100%;
    color: #777777;
    font-size: 17px;
    align-items: center;
    justify-content: flex-start; }
    .profile-content__old--item {
      width: 100%;
      padding-left: 30px; }
      .profile-content__old--item p {
        padding: 3px 0; }
    .profile-content__old input[type="password"] {
      width: 130px;
      height: 19px;
      line-height: 19px;
      display: block;
      border: none;
      margin: 7px 0 4px;
      padding: 0 7px;
      font-size: 12px;
      color: #777; }
  .profile-content__confirmation {
    position: absolute;
    bottom: 10px;
    right: 13px;
    display: flex;
    align-items: flex-end; }
    .profile-content__confirmation a {
      font-size: 10px;
      color: #0055ff;
      font-weight: 600; }
    .profile-content__confirmation button {
      border: none;
      border-radius: 18px;
      height: 18px;
      line-height: 18px;
      background-color: #0055ff;
      color: #fff;
      font-size: 12px;
      font-family: "ChampagneLimousines", sans-serif;
      margin-left: 28px; }
  .profile-content .about-desc__send {
    margin: 20px 0;
    border: 2px solid #798ea8;
    padding: 10px 30px;
    color: #798ea8;
    background: none;
    border-radius: 23px;
    font-weight: bold;
    font-family: "ChampagneLimousines", sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition-duration: .3s; }
    .profile-content .about-desc__send:hover {
      background-color: #798ea8;
      color: #fff; }

.tab-2 {
  display: none; }

.displayFlex {
  display: flex; }

.total {
  position: relative;
  z-index: 99999999;
  overflow: hidden; }

.modal {
  display: none;
  position: fixed;
  top: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  left: 0;
  z-index: 99999999; }
  .modal--block {
    width: 450px;
    height: 250px;
    background-color: #798ea8;
    border-radius: 7px;
    color: #fff;
    font-size: 36px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    flex-direction: column; }
    .modal--block__close {
      position: absolute;
      top: 0%;
      right: 15px; }
      .modal--block__close img {
        width: 18px;
        height: auto; }
    .modal--block__btn {
      display: flex;
      align-items: center;
      justify-content: center; }
      .modal--block__btn__item {
        display: block;
        color: #fff;
        text-transform: uppercase;
        border: 1px solid #fff;
        width: 120px;
        margin: 20px 5px 0 5px;
        border-radius: 9px;
        cursor: pointer; }
        .modal--block__btn__item:hover {
          background-color: rgba(255, 255, 255, 0.2); }
    .modal--block .btn-reset {
      display: none; }
    .modal--block .btn-noreset {
      display: none; }
    .modal--block .btn-loader {
      display: none; }

.blur {
  filter: blur(4px); }

.box-section--last {
  padding-bottom: 0; }
  .box-section--last::after {
    display: none; }

.workshop3 {
  color: #798ea8; }
  .workshop3-mark {
    position: relative;
    font-weight: 600;
    font-size: 13px;
    margin: 104px 0 31px; }
    .workshop3-mark--icon {
      position: absolute;
      top: 50%;
      left: -37px;
      transform: translateY(-50%); }
  .workshop3-content {
    display: flex;
    align-items: flex-start;
    justify-content: space-between; }
    .workshop3-content__item {
      width: 416px; }
    .workshop3-content__box {
      position: relative;
      margin-bottom: 45px; }
      .workshop3-content__box--star {
        position: absolute;
        top: 30px;
        left: -37px;
        transform: translateY(0); }
    .workshop3-content__text {
      color: #fff;
      font-weight: 600;
      font-size: 19px; }
    .workshop3-content__title {
      font-size: 22px;
      font-family: "a_BighausTitulExtraBolt", sans-serif;
      text-transform: uppercase;
      text-shadow: 3px 3px 0.5px black;
      color: #fff;
      margin-top: 3px; }
    .workshop3-content table {
      margin-left: 13px;
      margin-top: 4px;
      font-weight: 600;
      font-size: 10px;
      font-family: "ChampagneLimousines", sans-serif;
      color: #fff;
      font-weight: 600; }
      .workshop3-content table td {
        line-height: 8px; }
      .workshop3-content table td:first-child {
        color: #000;
        padding: 0 20px 0 0; }
    .workshop3-content__sponsor {
      display: flex;
      align-items: center;
      justify-content: space-between;
      margin: 5px 0 5px; }
      .workshop3-content__sponsor--btn a {
        border: 1px solid #798ea8;
        border-radius: 5px;
        display: inline-block;
        text-align: center;
        height: 26px;
        line-height: 23px;
        color: #798ea8;
        transition: all .3s;
        font-family: "ChampagneLimousines", sans-serif;
        font-size: 13px;
        font-weight: 600;
        background-color: #fff;
        padding: 0 9px; }
        .workshop3-content__sponsor--btn a:hover {
          color: #fff;
          background-color: #798ea8; }
      .workshop3-content__sponsor--icon {
        position: relative;
        transition: 0.2s linear;
        transform-origin: bottom left; }
        .workshop3-content__sponsor--icon a {
          position: absolute;
          width: 100%;
          top: 0;
          bottom: 0;
          left: 0; }
        .workshop3-content__sponsor--icon:hover {
          will-change: transform;
          transform-origin: bottom left;
          transform: scale(1.15) translateZ(0); }
        .workshop3-content__sponsor--icon:active {
          transition: none;
          transform: scale(1.25) translateZ(0); }
    .workshop3-content__box1 {
      padding: 11px 0 16px 39px;
      position: relative;
      background: url("../img/bg/blueOrange.png");
      height: 144px; }
      .workshop3-content__box1--img {
        width: 136px;
        height: 136px;
        border-radius: 50% 50% 0 50%;
        background-color: #fff;
        position: absolute;
        bottom: 0;
        right: 8px;
        background-image: url("../img/prize/prize_4.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 70%;
        transition: all 0.3s; }
        .workshop3-content__box1--img::after {
          content: "";
          display: block;
          position: absolute;
          bottom: 0;
          right: -8px;
          width: 14px;
          height: 73px;
          background-color: #fff; }
        .workshop3-content__box1--img a {
          width: 100%;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          border-radius: 50%;
          cursor: pointer; }
        .workshop3-content__box1--img:hover {
          transform: scale(1.07) translateZ(0); }
        .workshop3-content__box1--img:active {
          transition: none;
          transform: scale(1.12) translateZ(0); }
    .workshop3-content__box2 {
      padding: 11px 0 16px 39px;
      position: relative;
      background: url("../img/bg/blueViolet.png");
      height: 144px; }
      .workshop3-content__box2--img {
        width: 136px;
        height: 136px;
        border-radius: 50% 50% 0 50%;
        background-color: #fff;
        position: absolute;
        bottom: 0;
        right: 8px;
        background-image: url("../img/prize/prize_3.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 43%;
        transition: all 0.3s; }
        .workshop3-content__box2--img::after {
          content: "";
          display: block;
          position: absolute;
          bottom: 0;
          right: -8px;
          width: 14px;
          height: 73px;
          background-color: #fff; }
        .workshop3-content__box2--img a {
          width: 100%;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          border-radius: 50%;
          cursor: pointer; }
        .workshop3-content__box2--img:hover {
          transform: scale(1.07) translateZ(0); }
        .workshop3-content__box2--img:active {
          transition: none;
          transform: scale(1.12) translateZ(0); }
    .workshop3-content__box3 {
      padding: 11px 0 16px 39px;
      position: relative;
      background: url("../img/bg/blueMain.png");
      height: 144px; }
      .workshop3-content__box3--img {
        width: 136px;
        height: 136px;
        border-radius: 50% 50% 0 50%;
        background-color: #fff;
        position: absolute;
        bottom: 0;
        right: 8px;
        background-image: url("../img/prize/prize_1.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 33%;
        transition: all 0.3s; }
        .workshop3-content__box3--img::after {
          content: "";
          display: block;
          position: absolute;
          bottom: 0;
          right: -8px;
          width: 14px;
          height: 73px;
          background-color: #fff; }
        .workshop3-content__box3--img a {
          width: 100%;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          border-radius: 50%;
          cursor: pointer; }
        .workshop3-content__box3--img:hover {
          transform: scale(1.07) translateZ(0); }
        .workshop3-content__box3--img:active {
          transition: none;
          transform: scale(1.12) translateZ(0); }
    .workshop3-content__box4 {
      padding: 11px 0 16px 39px;
      position: relative;
      background: url("../img/bg/greenMain.png");
      height: 144px; }
      .workshop3-content__box4--img {
        width: 136px;
        height: 136px;
        border-radius: 50% 50% 0 50%;
        background-color: #fff;
        position: absolute;
        bottom: 0;
        right: 8px;
        background-image: url("../img/prize/prize_6.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 76%;
        transition: all 0.3s; }
        .workshop3-content__box4--img::after {
          content: "";
          display: block;
          position: absolute;
          bottom: 0;
          right: -8px;
          width: 14px;
          height: 73px;
          background-color: #fff; }
        .workshop3-content__box4--img a {
          width: 100%;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          border-radius: 50%;
          cursor: pointer; }
        .workshop3-content__box4--img:hover {
          transform: scale(1.07) translateZ(0); }
        .workshop3-content__box4--img:active {
          transition: none;
          transform: scale(1.12) translateZ(0); }
    .workshop3-content__box5 {
      padding: 11px 0 16px 39px;
      position: relative;
      background: url("../img/bg/blueDarkMain.png");
      height: 144px; }
      .workshop3-content__box5--img {
        width: 136px;
        height: 136px;
        border-radius: 50% 50% 0 50%;
        background-color: #fff;
        position: absolute;
        bottom: 0;
        right: 8px;
        background-image: url("../img/prize/prize_9.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 76%;
        transition: all 0.3s; }
        .workshop3-content__box5--img::after {
          content: "";
          display: block;
          position: absolute;
          bottom: 0;
          right: -8px;
          width: 14px;
          height: 73px;
          background-color: #fff; }
        .workshop3-content__box5--img a {
          width: 100%;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          border-radius: 50%;
          cursor: pointer; }
        .workshop3-content__box5--img:hover {
          transform: scale(1.07) translateZ(0); }
        .workshop3-content__box5--img:active {
          transition: none;
          transform: scale(1.12) translateZ(0); }
    .workshop3-content__box6 {
      padding: 11px 0 16px 39px;
      position: relative;
      background: url("../img/bg/greenMain.png");
      height: 144px; }
      .workshop3-content__box6--img {
        width: 136px;
        height: 136px;
        border-radius: 50% 50% 0 50%;
        background-color: #fff;
        position: absolute;
        bottom: 0;
        right: 8px;
        background-image: url("../img/prize/prize_2.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 52%;
        transition: all 0.3s; }
        .workshop3-content__box6--img::after {
          content: "";
          display: block;
          position: absolute;
          bottom: 0;
          right: -8px;
          width: 14px;
          height: 73px;
          background-color: #fff; }
        .workshop3-content__box6--img a {
          width: 100%;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          border-radius: 50%;
          cursor: pointer; }
        .workshop3-content__box6--img:hover {
          transform: scale(1.07) translateZ(0); }
        .workshop3-content__box6--img:active {
          transition: none;
          transform: scale(1.12) translateZ(0); }
    .workshop3-content__box7 {
      padding: 11px 0 16px 39px;
      position: relative;
      background: url("../img/bg/darkGreenMain.png");
      height: 144px; }
      .workshop3-content__box7--img {
        width: 136px;
        height: 136px;
        border-radius: 50% 50% 0 50%;
        background-color: #fff;
        position: absolute;
        bottom: 0;
        right: 8px;
        background-image: url("../img/prize/prize_5.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 33%;
        transition: all 0.3s; }
        .workshop3-content__box7--img::after {
          content: "";
          display: block;
          position: absolute;
          bottom: 0;
          right: -8px;
          width: 14px;
          height: 73px;
          background-color: #fff; }
        .workshop3-content__box7--img a {
          width: 100%;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          border-radius: 50%;
          cursor: pointer; }
        .workshop3-content__box7--img:hover {
          transform: scale(1.07) translateZ(0); }
        .workshop3-content__box7--img:active {
          transition: none;
          transform: scale(1.12) translateZ(0); }
    .workshop3-content__box8 {
      padding: 11px 0 16px 39px;
      position: relative;
      background: url("../img/bg/redMain.png");
      height: 144px; }
      .workshop3-content__box8--img {
        width: 136px;
        height: 136px;
        border-radius: 50% 50% 0 50%;
        background-color: #fff;
        position: absolute;
        bottom: 0;
        right: 8px;
        background-image: url("../img/prize/prize_8.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 76%;
        transition: all 0.3s; }
        .workshop3-content__box8--img::after {
          content: "";
          display: block;
          position: absolute;
          bottom: 0;
          right: -8px;
          width: 14px;
          height: 73px;
          background-color: #fff; }
        .workshop3-content__box8--img a {
          width: 100%;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          border-radius: 50%;
          cursor: pointer; }
        .workshop3-content__box8--img:hover {
          transform: scale(1.07) translateZ(0); }
        .workshop3-content__box8--img:active {
          transition: none;
          transform: scale(1.12) translateZ(0); }
    .workshop3-content__box9 {
      padding: 11px 0 16px 39px;
      position: relative;
      background: url("../img/bg/skyMain.png");
      height: 144px; }
      .workshop3-content__box9--img {
        width: 136px;
        height: 136px;
        border-radius: 50% 50% 0 50%;
        background-color: #fff;
        position: absolute;
        bottom: 0;
        right: 8px;
        background-image: url("../img/prize/prize_7.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 31%;
        transition: all 0.3s; }
        .workshop3-content__box9--img::after {
          content: "";
          display: block;
          position: absolute;
          bottom: 0;
          right: -8px;
          width: 14px;
          height: 73px;
          background-color: #fff; }
        .workshop3-content__box9--img a {
          width: 100%;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          border-radius: 50%;
          cursor: pointer; }
        .workshop3-content__box9--img:hover {
          transform: scale(1.07) translateZ(0); }
        .workshop3-content__box9--img:active {
          transition: none;
          transform: scale(1.12) translateZ(0); }
    .workshop3-content__box10 {
      padding: 11px 0 16px 39px;
      position: relative;
      background: url("../img/bg/pinkMain.png");
      height: 144px; }
      .workshop3-content__box10--img {
        width: 136px;
        height: 136px;
        border-radius: 50% 50% 0 50%;
        background-color: #fff;
        position: absolute;
        bottom: 0;
        right: 8px;
        background-image: url("../img/prize/prize_10.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: 76%;
        transition: all 0.3s; }
        .workshop3-content__box10--img::after {
          content: "";
          display: block;
          position: absolute;
          bottom: 0;
          right: -8px;
          width: 14px;
          height: 73px;
          background-color: #fff; }
        .workshop3-content__box10--img a {
          width: 100%;
          position: absolute;
          top: 0;
          bottom: 0;
          left: 0;
          border-radius: 50%;
          cursor: pointer; }
        .workshop3-content__box10--img:hover {
          transform: scale(1.07) translateZ(0); }
        .workshop3-content__box10--img:active {
          transition: none;
          transform: scale(1.12) translateZ(0); }

.drop-change__item {
  display: none; }
  .drop-change__item:first-child {
    display: block; }

.worckshop2-checked {
  display: none; }

.participate {
  display: none;
  width: 100%;
  padding: 30px;
  position: fixed;
  z-index: 99999;
  bottom: 0;
  right: 0;
  background-color: #798ea8; }
  .participate-box {
    width: 888px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 24px;
    color: #fff; }
    .participate-box__btn {
      display: flex;
      align-items: center;
      justify-content: center; }
      .participate-box__btn--item {
        display: block;
        color: #fff;
        text-transform: uppercase;
        border: 1px solid #fff;
        width: 120px;
        margin: 20px 5px 0 5px;
        height: 36px;
        line-height: 36px;
        border-radius: 9px;
        text-align: center;
        cursor: pointer;
        font-size: 24px; }
        .participate-box__btn--item:hover {
          background-color: rgba(255, 255, 255, 0.2); }

.workshopMaster h3:focus {
  border: none !important;
  outline: none !important; }
.workshopMaster .ui-state-active {
  border: none;
  color: #798ea8;
  font-weight: 600;
  font-size: 20px;
  border-radius: 0px;
  font-family: "ChampagneLimousines", sans-serif; }
.workshopMaster .ui-state-default {
  background-color: #fff;
  border: none;
  color: #798ea8;
  font-weight: 600;
  font-size: 27px;
  border-radius: 0px;
  font-family: "ChampagneLimousines", sans-serif;
  padding: 10px 40px 10px 40px; }
  .workshopMaster .ui-state-default:hover {
    background-color: #e7ebef; }
.workshopMaster .ui-widget-content {
  background-color: #fff;
  color: #000;
  font-size: 16px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  padding: 16px 40px 40px 40px !important;
  width: 100%;
  display: flex;
  justify-content: center;
  border: none; }
.workshopMaster .ui-icon, .workshopMaster .ui-widget-content .ui-icon {
  background: url("../img/icon/arrowaccordion.png") center/cover;
  z-index: 99;
  width: 20px;
  height: 20px;
  box-shadow: 4px 4px 11px 0px rgba(34, 60, 80, 0.2);
  border-radius: 50%;
  position: absolute;
  margin-top: 2px;
  right: 56px; }
.workshopMaster .ui-state-active .ui-icon {
  transform: rotate(180deg);
  box-shadow: -4px -4px 11px 0px rgba(34, 60, 80, 0.2); }
.workshopMaster-content__items {
  margin: 0 auto;
  width: 830px;
  padding-bottom: 47px;
  padding-top: 15px;
  position: relative;
  min-height: 600px; }
  .workshopMaster-content__items-desc {
    width: 830px;
    padding: 20px 16px;
    text-align: left;
    font-size: 14px;
    color: #181818;
    margin: 25px auto 66px;
    background-color: #fff;
    font-family: "Times New Roman", serif; }
.workshopMaster-content__default {
  margin-top: 0 !important;
  padding-top: 10px !important; }
.workshopMaster-content-1__items {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto;
  width: 770px;
  padding-top: 15px;
  position: relative; }
  .workshopMaster-content-1__items p {
    font-size: 18px;
    color: #798ea8;
    margin-left: 80px; }
    .workshopMaster-content-1__items p span {
      color: #0055ff;
      font-weight: bold;
      text-decoration: underline; }
  .workshopMaster-content-1__items li {
    margin-left: 38px; }
  .workshopMaster-content-1__items--btn {
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #798ea8;
    border-radius: 23px;
    width: 245px;
    height: 38px;
    margin: 29px 0;
    transition: all .3s;
    cursor: pointer; }
    .workshopMaster-content-1__items--btn:hover + .workshopMaster-content__items--tooltip {
      visibility: visible; }
    .workshopMaster-content-1__items--btn:hover {
      background-color: #475566; }
    .workshopMaster-content-1__items--btn h1 {
      color: #fff;
      font-weight: bold;
      font-size: 18px; }
  .workshopMaster-content-1__items--text {
    width: 770px; }
  .workshopMaster-content-1__items--tooltip {
    visibility: hidden;
    position: absolute;
    top: 50px;
    background-color: #fff;
    padding: 5px 7px;
    border: 1px solid #898989;
    font-size: 14px;
    font-weight: bold;
    color: #798ea8;
    line-height: 14px;
    width: 180px;
    height: auto;
    z-index: 10009;
    transition: all .3s;
    box-shadow: 0px 5px 6.51px 0.49px rgba(0, 0, 0, 0.22); }

.workshopProfile-content__items {
  margin: 0 auto;
  width: 860px;
  margin-bottom: 48px;
  padding-top: 15px; }
  .workshopProfile-content__items--btns {
    margin-bottom: 39px;
    padding-left: 81px; }
    .workshopProfile-content__items--btns a {
      display: flex;
      align-items: center;
      color: #798ea8;
      transition: all 0.3s;
      width: 165px;
      margin-bottom: 19px; }
      .workshopProfile-content__items--btns a div {
        margin-right: 12px;
        transition: all 0.3s; }
      .workshopProfile-content__items--btns a p {
        font-size: 18px;
        font-weight: bold; }
      .workshopProfile-content__items--btns a:hover {
        color: #000; }
    .workshopProfile-content__items--btns-set div {
      width: 21px;
      height: 22px;
      background: url("../img/icon/settings_h.png"); }
    .workshopProfile-content__items--btns-notific div {
      width: 21px;
      height: 15px;
      background: url("../img/icon/notific_d.png"); }
    .workshopProfile-content__items--btns-notific:hover div {
      background: url("../img/icon/notific_h.png"); }
    .workshopProfile-content__items--btns-safe div {
      width: 18px;
      height: 24px;
      background: url("../img/icon/safe_d.png"); }
    .workshopProfile-content__items--btns-safe:hover div {
      background: url("../img/icon/safe_h.png"); }
    .workshopProfile-content__items--btns-active {
      color: #000 !important; }
.workshopProfile__svg {
  margin-top: 0 !important; }

.gsShow-sidebar-head__count {
  position: static;
  display: flex;
  align-items: center; }
  .gsShow-sidebar-head__count--item {
    font-size: 19px; }
  .gsShow-sidebar-head__count--div {
    width: 44px;
    height: 44px;
    background: #fff;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center; }
  .gsShow-sidebar-head__count--div1 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 6px;
    height: 44px;
    width: 70px;
    background: #fff;
    border-radius: 23px; }
  .gsShow-sidebar-head__count--div3 {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 7px 6px;
    height: 44px;
    background: #fff;
    border-radius: 23px;
    width: 106px; }

.gsShow-sidebar-head__count--f {
  width: 24px;
  height: 24px;
  box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3); }

.gsShow-sidebar-head__count--tree {
  width: 30px;
  height: 30px;
  box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3); }
  .gsShow-sidebar-head__count--tree p {
    font-size: 23.33px !important;
    font-weight: bold; }

.gsShow-sidebar-head__count--one {
  width: 30px;
  height: 30px;
  box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3); }
  .gsShow-sidebar-head__count--one p {
    font-size: 23.33px !important;
    font-weight: bold; }

.gsShow-sidebar-head__count--two {
  width: 30px;
  height: 30px;
  box-shadow: 1px 2px 3px 1px rgba(0, 0, 0, 0.3); }
  .gsShow-sidebar-head__count--two p {
    font-size: 23.33px !important;
    font-weight: bold; }

.editor {
  max-width: 1366px;
  width: 90%;
  margin: 0 auto;
  height: 100vh;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }
  .editor-wrap {
    width: 100%;
    display: flex;
    align-items: flex-start;
    justify-content: center; }
    .editor-wrap > div {
      margin: 0 40px; }
  .editor-title {
    font-family: "ChampagneLimousines", sans-serif;
    font-weight: 600;
    font-size: 55px;
    color: #1550c3;
    text-shadow: 3px 3.5px 2.5px rgba(0, 0, 0, 0.2);
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #fff;
    margin-bottom: 45px; }
  .editor--desc {
    width: 492px; }
    .editor--desc__btn {
      display: flex;
      align-items: center;
      justify-content: flex-end; }
      .editor--desc__btn-1 {
        width: 113px;
        display: block;
        text-align: center;
        height: 30px;
        line-height: 28px;
        border: 1px solid #798ea8;
        color: #798ea8;
        font-weight: normal;
        font-size: 16px;
        font-weight: bold;
        transition: all .3s;
        border-radius: 13.5px;
        cursor: pointer; }
        .editor--desc__btn-1:hover {
          color: #fff;
          background-color: #798ea8;
          color: #fff; }
      .editor--desc__btn-2 {
        width: 113px;
        display: block;
        text-align: center;
        height: 30px;
        line-height: 28px;
        border: 1px solid #d4d4d4;
        background-color: #d4d4d4;
        border-radius: 13.5px;
        color: #fff;
        font-weight: 600;
        font-size: 16px;
        transition: all .3s;
        margin-left: 13px;
        text-transform: uppercase; }
        .editor--desc__btn-2[data-done='false'] {
          background-color: #dee4eb;
          border: 1px solid #dee4eb; }
        .editor--desc__btn-2[data-done='true'] {
          background-color: #798ea8;
          border: 1px solid #798ea8;
          cursor: pointer; }
  .editor-checked {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    height: 72px; }
    .editor-checked--p {
      position: relative;
      width: 160px;
      color: #798ea8;
      font-size: 16px;
      padding: 5px 5px 5px 10px;
      font-weight: bold;
      background: url("../img/icon/star.png");
      background-repeat: no-repeat;
      background-position: 1% 8px;
      background-size: 7px auto; }
    .editor-checked__premium {
      font-weight: bold;
      color: #798ea8;
      font-size: 14px;
      cursor: pointer;
      transition: all 0.3s;
      position: relative;
      margin: 24px 49px 0 0; }
      .editor-checked__premium:after {
        content: "";
        display: block;
        width: 100%;
        height: 0.5px;
        background-color: #798ea8;
        position: absolute;
        bottom: 0;
        transform: translateX(-50%);
        left: 50%;
        transition: all 0.3s; }
      .editor-checked__premium:hover:after {
        width: 0; }
    .editor-checked__drop {
      width: 228px;
      height: 28px;
      border: 1px solid #798ea8;
      padding: 0 17px;
      line-height: 26px;
      position: relative;
      border-radius: 13px;
      color: #798ea8;
      cursor: pointer; }
      .editor-checked__drop--img {
        position: absolute;
        right: 17px;
        top: 3px; }
    .editor-checked__list {
      width: 207px;
      margin-left: 10px;
      display: none;
      height: 160px;
      overflow-y: auto;
      text-align: left;
      color: #798ea8;
      font-weight: 400;
      font-size: 16px;
      border-left: 1px solid rgba(121, 142, 168, 0.7);
      border-bottom: 1px solid rgba(121, 142, 168, 0.7);
      border-right: 1px solid rgba(121, 142, 168, 0.7);
      background-color: #fff;
      z-index: 5;
      position: relative; }
      .editor-checked__list li {
        padding: 5px 5px 5px 10px;
        cursor: pointer; }
        .editor-checked__list li:hover {
          background-color: #f0f4f7; }
  .editor-commentsCheckbox__item {
    display: flex;
    align-items: center;
    justify-content: flex-start; }
    .editor-commentsCheckbox__item--img {
      display: none; }
  .editor-commentsCheckbox span {
    width: 16px;
    height: 16px;
    border-radius: 3px;
    border: 1px solid #798ea8;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 13px;
    cursor: pointer; }
  .editor-commentsCheckbox p {
    color: #798ea8;
    font-size: 16px;
    font-weight: normal; }
  .editor-commentsCheckbox__wrap {
    margin-left: 35px; }
  .editor-commentsCheckbox__text {
    font-weight: bold !important; }
  .editor__loader {
    position: relative; }
  .editor-workshop {
    min-width: 200px;
    margin-top: -37px; }
    .editor-workshop > div {
      margin-bottom: 1px; }
    .editor-workshop__title {
      display: none;
      position: absolute;
      border: 1px solid #898989;
      color: #798ea8;
      font-size: 14px;
      font-weight: bold;
      padding: 5px;
      background-color: #fff;
      bottom: 35px;
      right: 0px;
      transition: all 0.3s;
      box-shadow: 0px 5px 6.51px 0.49px rgba(0, 0, 0, 0.22);
      line-height: 16px; }
      .editor-workshop__title--back {
        width: 300px; }
    .editor-workshop--top {
      display: flex;
      align-items: center;
      justify-content: space-between;
      position: relative;
      line-height: 33px; }
      .editor-workshop--top__img {
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer; }
      .editor-workshop--top__svg {
        width: 29px;
        height: auto; }
      .editor-workshop--top .editor-workshop----path {
        transition: all .3s; }
      .editor-workshop--top:hover .editor-workshop----path {
        fill: #ff0005; }
      .editor-workshop--top:hover .editor-workshop__title {
        display: block; }
    .editor-workshop--backstage {
      display: flex;
      align-items: center;
      justify-content: space-between;
      position: relative;
      line-height: 33px; }
      .editor-workshop--backstage__img {
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        width: 27px;
        height: 27px;
        transition: all 0.3s;
        background-image: url("../img/icon/tiktok.png"); }
      .editor-workshop--backstage:hover .editor-workshop--backstage__img {
        background-image: url("../img/icon/tiktok-hover.png"); }
      .editor-workshop--backstage:hover .editor-workshop__title {
        display: block; }
    .editor-workshop--master {
      display: flex;
      align-items: center;
      justify-content: space-between;
      position: relative;
      line-height: 33px; }
      .editor-workshop--master:hover .editor-workshop----path {
        fill: #ff0005; }
      .editor-workshop--master:hover .editor-workshop__title {
        display: block; }
    .editor-workshop__desc {
      font-weight: bold;
      color: #2188ff;
      font-size: 14px;
      cursor: pointer;
      position: relative; }
      .editor-workshop__desc:after {
        content: '';
        display: block;
        position: absolute;
        bottom: 8px;
        left: 50%;
        transform: translateX(-50%);
        width: 100%;
        height: 1px;
        background-color: #2188ff;
        transition: all .3s; }
      .editor-workshop__desc:hover:after {
        width: 0%; }

.showCheckedComment {
  margin-top: 18px;
  margin-bottom: 11px; }

.showChecked {
  margin-bottom: 3px;
  margin-top: 3px; }

.file__img {
  vertical-align: top;
  margin: 0 !important; }

.form__item:first-child {
  margin-bottom: 24px; }
.form__item input[type="text"] {
  width: 100%;
  height: 39px;
  line-height: 39px;
  padding-left: 23px;
  background-color: #f0f4f7;
  border: none;
  color: #aeb4ba;
  font-size: 17px;
  font-weight: bold;
  border: 1px solid #e7ebef;
  box-sizing: border-box; }
.form__item textarea {
  width: 100%;
  height: 82px;
  padding: 10px 23px;
  background-color: #f0f4f7;
  border: none;
  resize: none;
  color: #aeb4ba;
  font-size: 17px;
  border: 1px solid #e7ebef;
  font-weight: bold; }
.form__item p {
  font-weight: bold;
  font-size: 16px;
  color: #798ea8;
  margin-bottom: 2px; }

.radio > div {
  margin: 5px 0 5px; }
.radio label {
  color: #798ea8;
  font-family: "ChampagneLimousines", sans-serif;
  font-weight: 600;
  font-size: 16px;
  padding-left: 5px; }
.radio input {
  outline-color: #798ea8 !important; }

::-webkit-input-placeholder {
  color: #aeb4ba;
  font-weight: normal; }

::-moz-placeholder {
  color: #aeb4ba;
  font-weight: normal; }

/* Firefox 19+ */
:-moz-placeholder {
  color: #aeb4ba;
  font-weight: normal; }

/* Firefox 18- */
:-ms-input-placeholder {
  color: #aeb4ba;
  font-weight: normal; }

.inputfile {
  width: 0.1px;
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

.inputfile + label {
  color: #b0b0b0;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  width: 490px;
  height: 400px;
  background-color: #f0f4f7;
  border: 1px solid #e7ebef; }
  .inputfile + label img {
    margin: 9px 0 14px; }
  .inputfile + label .bottom-text {
    font-size: 16px;
    color: #798ea8;
    margin-top: 14px;
    font-weight: bold; }

.inputfile + label {
  cursor: pointer;
  /* "hand" cursor */ }

.imgFile {
  max-width: 100%;
  max-height: 100%; }
  .imgFile__wrap {
    position: absolute;
    display: none;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center; }

/* для элемента input c type="radio" */
.custom-radio {
  position: absolute;
  z-index: -1;
  opacity: 0; }

/* для элемента label связанного с .custom-radio */
.custom-radio + label {
  display: inline-flex;
  align-items: center;
  user-select: none; }

/* создание в label псевдоэлемента  before со следующими стилями */
.custom-radio + label::before {
  content: '';
  display: inline-block;
  width: 1em;
  height: 1em;
  flex-shrink: 0;
  flex-grow: 0;
  border: 1px solid #798ea8;
  border-radius: 50%;
  margin-right: 12px;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%; }

.custom-radio + label::after {
  content: '';
  display: none;
  width: 10px;
  height: 10px;
  flex-shrink: 0;
  flex-grow: 0;
  border: 3px solid #fff;
  border-radius: 50%;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50% 50%;
  position: absolute;
  transform: translate(1px, 0); }

/* стили для активной радиокнопки (при нажатии на неё) */
.custom-radio:not(:disabled):active + label::before {
  background-color: #b3d7ff;
  border-color: #b3d7ff; }

/* стили для радиокнопки, находящейся в фокусе */
/* стили для радиокнопки, находящейся в фокусе и не находящейся в состоянии checked */
.custom-radio:focus:not(:checked) + label::before {
  border-color: #80bdff; }

/* стили для радиокнопки, находящейся в состоянии checked */
.custom-radio:checked + label::before {
  border-color: #798ea8;
  background-color: #798ea8; }

.custom-radio:checked + label::after {
  display: inline-block; }

/* стили для радиокнопки, находящейся в состоянии disabled */
.custom-radio:disabled + label::before {
  background-color: #e9ecef; }

.vote {
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 9; }
  .vote-checked {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-wrap: wrap;
    max-width: 453px;
    margin: 0 auto; }
    .vote-checked__item {
      width: 135px;
      height: 135px;
      background-color: #dee4eb;
      background-image: url("../img/icon/pencil/pencil.svg");
      background-size: 60px 60px;
      background-position: center center;
      background-repeat: no-repeat;
      box-sizing: border-box;
      overflow: hidden;
      position: relative;
      z-index: 1;
      margin: 6px;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center; }
    .vote-checked__width {
      width: auto;
      height: 135px; }
    .vote-checked__height {
      width: 135px;
      height: auto; }
    .vote-checked__remove {
      display: none;
      cursor: pointer;
      position: absolute;
      z-index: 2;
      width: 100%;
      height: 100%;
      transition: all .5s; }
      .vote-checked__remove img {
        width: 23px;
        height: 23px;
        position: absolute;
        top: 5px;
        right: 5px;
        border-radius: 50%;
        box-shadow: 1.847px 2.364px 7.83px 1.17px rgba(108, 106, 106, 0.25); }
      .vote-checked__remove:hover {
        background-color: rgba(21, 44, 65, 0.6); }
    .vote-checked__active {
      border: 1px solid #bdc0c2; }
  .vote__title {
    text-align: center;
    position: relative; }
    .vote__title--voice {
      line-height: 32px;
      position: relative;
      z-index: 9; }
      .vote__title--voice1 {
        color: #2288cf;
        text-transform: uppercase;
        font-size: 20px;
        font-weight: bold;
        font-family: "a_BighausTitulExtraBolt", sans-serif;
        margin-right: 15px; }
      .vote__title--voice2 {
        font-size: 14px;
        color: #798ea8;
        text-decoration: underline;
        font-weight: bold;
        cursor: pointer; }
      .vote__title--voice3 {
        color: #3ea72d;
        text-transform: uppercase;
        font-size: 20px;
        font-weight: bold;
        font-family: "a_BighausTitulExtraBolt", sans-serif;
        margin-right: 15px; }
      .vote__title--voice4 {
        color: #d75702;
        text-transform: uppercase;
        font-size: 20px;
        font-weight: bold;
        font-family: "a_BighausTitulExtraBolt", sans-serif;
        margin-right: 15px; }
    .vote__title--text {
      position: relative;
      z-index: 1;
      color: #2288cf;
      text-transform: uppercase;
      font-family: "mr_RegisterWideBold", sans-serif;
      font-size: 58px;
      margin-bottom: 30px;
      line-height: 35px; }
      .vote__title--text2 {
        color: #3ea72d; }
  .vote__title4 {
    margin-bottom: 30px; }
  .vote-btn {
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    bottom: 56px;
    left: 50%;
    transform: translateX(-50%);
    z-index: 10; }
    @media screen and (min-width: 1576px) {
      .vote-btn {
        margin-top: 39px; } }
    @media screen and (min-width: 1720px) {
      .vote-btn {
        margin-top: 76px; } }
    .vote-btn__link {
      width: 116px;
      height: 30px;
      line-height: 26px;
      font-size: 14px;
      font-weight: 600;
      text-align: center;
      border-radius: 25px;
      margin: 0 16px;
      cursor: pointer;
      transition: all .3s; }
      .vote-btn__link--1 {
        box-shadow: 1.847px 2.364px 7.83px 1.17px rgba(108, 106, 106, 0.25);
        color: #798ea8;
        background-color: #fff;
        transition: all .3s;
        font-size: 17px;
        font-weight: bold; }
        .vote-btn__link--1:hover {
          color: #fff;
          background-color: #798ea8; }
      .vote-btn__link--2 {
        color: #798ea8;
        background-color: #dee4eb; }
    .vote-btn__title {
      display: none;
      position: absolute;
      bottom: 41px;
      right: 15%;
      max-width: 195px;
      border: 1px solid #898989;
      padding: 5px 7px 7px 7px;
      background-color: #fff;
      color: #798ea8;
      z-index: 999;
      transition: all .3s;
      box-shadow: 0 5px 6.51px 0.41px rgba(0, 0, 0, 0.22); }
      .vote-btn__title--item {
        background-color: #fff;
        color: #798ea8;
        font-size: 14px;
        font-weight: bold;
        text-align: left; }
  .vote-prew-bg-footer {
    position: absolute;
    bottom: 0;
    height: 71px !important; }
    .vote-prew-bg-footer__btn {
      bottom: 0 !important;
      margin-bottom: 56px !important; }

.vote_4 .coDesc-final {
  margin-top: 0; }
.vote_4 .vote__title4 {
  margin-bottom: 17px; }

@media screen and (max-height: 894px) {
  .slickSlide-tooltip {
    top: 250px; } }
@media screen and (max-height: 756px) {
  .slickSlide-tooltip {
    top: 150px; } }
@media screen and (max-height: 620px) {
  .slickSlide-tooltip {
    top: 100px; } }
#modalSelect .modal {
  background-color: rgba(24, 24, 24, 0.749); }

.modalSelect-head {
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  background: linear-gradient(to bottom, rgba(121, 142, 168, 0.4) 0%, rgba(121, 142, 168, 0.9) 50%, #798ea8 100%); }
  .modalSelect-head__title {
    display: flex;
    align-items: center;
    justify-content: center; }
    .modalSelect-head__title--img {
      display: flex;
      align-items: center;
      justify-content: center;
      margin: 0 9px; }
      .modalSelect-head__title--img img {
        margin-bottom: 3px;
        margin-right: 0px; }
    .modalSelect-head__title p {
      font-size: 21px;
      color: #fff; }
  .modalSelect-head__btn {
    cursor: pointer;
    background-image: url("../img/icon/modalClose.png");
    width: 15px;
    height: 15px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    margin-right: 19px; }
.modalSelect-works__box {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: nowrap; }
.modalSelect-works__item {
  width: 104px;
  height: 104px;
  border: 1px solid #bdc0c2;
  background-color: #dee4eb;
  background-image: url("../img/icon/pencil_2.png");
  background-size: cover;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  z-index: 1;
  margin: 0 18px;
  cursor: pointer; }
.modalSelect-btn {
  justify-content: flex-end; }
  .modalSelect-btn--ok {
    width: 109px;
    height: 26px;
    border-width: 1px;
    border-color: #798ea8;
    border-style: solid;
    border-radius: 14px;
    background-color: #798ea8;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
    margin-left: 10px;
    transition: all .3s; }
    .modalSelect-btn--ok:hover {
      background-color: transparent;
      color: #798ea8; }
  .modalSelect-btn--ok_1 {
    width: 137px;
    height: 26px;
    padding-bottom: 4px;
    padding-top: 1px;
    border-width: 1px;
    border-color: #d43838;
    border-style: solid;
    border-radius: 14px;
    background-color: #d43838;
    color: #fff;
    margin-left: 10px;
    transition: all .3s;
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: bold; }
    .modalSelect-btn--ok_1:hover {
      background-color: transparent;
      color: #d43838; }
  .modalSelect-btn--ok_2 {
    width: 137px;
    height: 26px;
    border-width: 1px;
    border-color: #d43838;
    border-style: solid;
    border-radius: 14px;
    background-color: #d43838;
    color: #fff;
    margin-left: 10px;
    transition: all .3s; }
    .modalSelect-btn--ok_2:hover {
      background-color: transparent;
      color: #d43838; }
  .modalSelect-btn--ok_3 {
    width: 137px;
    height: 26px;
    border-width: 1px;
    border-color: #d43838;
    border-style: solid;
    border-radius: 14px;
    background-color: #d43838;
    color: #fff;
    margin-left: 10px;
    transition: all .3s; }
    .modalSelect-btn--ok_3:hover {
      background-color: transparent;
      color: #d43838; }
  .modalSelect-btn--ok_4 {
    width: 137px;
    height: 26px;
    border-width: 1px;
    border-color: #d43838;
    border-style: solid;
    border-radius: 14px;
    background-color: #d43838;
    color: #fff;
    margin-left: 10px;
    transition: all .3s; }
    .modalSelect-btn--ok_4:hover {
      background-color: transparent;
      color: #d43838; }
  .modalSelect-btn--reset {
    width: 109px;
    height: 26px;
    border-width: 1px;
    border-color: #798ea8;
    border-style: solid;
    border-radius: 14px;
    background-color: transparent;
    color: #798ea8;
    transition: all .3s; }
    .modalSelect-btn--reset:hover {
      background-color: #798ea8;
      color: #fff; }
.modalSelect__sponsor {
  position: absolute;
  display: block;
  right: 20px;
  top: 20px; }
  .modalSelect__sponsor img {
    width: 145px;
    height: auto;
    transition: transform 0.2s linear;
    transform-origin: top right; }
  .modalSelect__sponsor:hover img {
    will-change: transform;
    transform-origin: top right;
    transform: scale(1.2) translateZ(0);
    transition: transform 0.2s linear; }
.modalSelect-content {
  width: 100%;
  background-color: #e7ebef;
  padding: 40px 0;
  margin: 40px 0 15px; }
  .modalSelect-content__worning {
    font-weight: bold;
    text-align: center;
    color: #d50101;
    font-size: 17px; }
.modalSelect__co2 .modalSelect__item {
  width: 666px; }
.modalSelect__co2 .modalSelect-btn--reset {
  background-color: #798ea8;
  color: #fff; }
  .modalSelect__co2 .modalSelect-btn--reset:hover {
    background-color: #fff;
    color: #798ea8; }

.gsShow {
  position: relative; }
  .gsShow-footer {
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;
    background-color: #fff;
    width: 100%;
    height: 76px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 37px; }
    @media screen and (min-width: 1576px) {
      .gsShow-footer {
        height: 85px; } }
    @media screen and (min-width: 1720px) {
      .gsShow-footer {
        height: 115px; } }
    .gsShow-footer__item {
      display: flex;
      align-items: center;
      justify-content: space-between;
      width: 100%; }
    .gsShow-footer__itit {
      display: flex;
      margin-left: -7%;
      justify-content: space-between;
      width: 55%; }
    .gsShow-footer__order {
      font-size: 16px;
      font-weight: bold;
      position: relative;
      display: flex; }
      .gsShow-footer__order--elements {
        display: flex;
        justify-content: space-between;
        align-items: center;
        width: 92px; }
      .gsShow-footer__order--1 {
        width: 24px;
        height: 20px;
        background: url("../img/icon/shirt.png");
        cursor: pointer;
        transition: all .3s; }
        .gsShow-footer__order--1:hover {
          background: url("../img/icon/shirtHover.png"); }
          .gsShow-footer__order--1:hover .gsShow-footer__order--tooltip {
            visibility: visible; }
      .gsShow-footer__order--2 {
        width: 22px;
        height: 20px;
        margin-left: 4px;
        background: url("../img/icon/cup.png");
        cursor: pointer;
        transition: all .3s; }
        .gsShow-footer__order--2:hover {
          background: url("../img/icon/cupHover.png"); }
          .gsShow-footer__order--2:hover .gsShow-footer__order--tooltip {
            visibility: visible; }
      .gsShow-footer__order--3 {
        width: 20px;
        height: 20px;
        background: url("../img/icon/picture.png");
        cursor: pointer;
        transition: all .3s; }
        .gsShow-footer__order--3:hover {
          background: url("../img/icon/pictureHover.png"); }
          .gsShow-footer__order--3:hover .gsShow-footer__order--tooltip {
            visibility: visible; }
      .gsShow-footer__order--tooltip {
        visibility: hidden;
        position: absolute;
        background-color: #fff;
        border: 1px solid #798ea8;
        font-size: 14px;
        font-weight: bold;
        color: #798ea8;
        text-align: left;
        padding: 6px 6px;
        transition: opacity 0.5s;
        box-shadow: 0px 5px 6.51px 0.49px rgba(0, 0, 0, 0.22);
        width: 290px;
        height: auto;
        top: -75px;
        margin-left: -145px; }
    .gsShow-footer__tiktok {
      position: relative;
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 0 2px 0 4px;
      width: 135px;
      height: 28px;
      border: 1px solid #00ad5d;
      border-radius: 14px;
      color: #00ad5d;
      font-family: "ChampagneLimousines", sans-serif;
      font-weight: bold;
      cursor: pointer;
      font-size: 16px; }
      .gsShow-footer__tiktok--plus {
        width: 20px;
        height: 20px;
        border-radius: 50%;
        background: url("../img/icon/tiktok-plus.png"); }
      .gsShow-footer__tiktok--tooltip {
        position: absolute;
        visibility: hidden;
        background-color: #fff;
        border: 1px solid #798ea8;
        font-size: 14px;
        font-weight: bold;
        color: #798ea8;
        text-align: left;
        padding: 6px 6px;
        transition: opacity 0.5s;
        box-shadow: 0px 5px 6.51px 0.49px rgba(0, 0, 0, 0.22);
        width: 290px;
        height: auto;
        top: -160px; }
      .gsShow-footer__tiktok:hover .gsShow-footer__tiktok--tooltip {
        visibility: visible; }
    .gsShow-footer__tiktok--red {
      border: 1px solid #ff4545;
      color: #ff4545; }
      .gsShow-footer__tiktok--red .gsShow-footer__tiktok--text {
        color: #ff4545; }
      .gsShow-footer__tiktok--red .gsShow-footer__tiktok--plus {
        background: url("../img/icon/tiktok-minus.png"); }
    .gsShow-footer__count {
      display: flex;
      align-items: center;
      width: 150px; }
      .gsShow-footer__count p {
        margin-right: 5px;
        color: #788da7;
        font-size: 16px;
        font-weight: 400; }
      .gsShow-footer__count span {
        color: #445469;
        font-size: 16px;
        font-weight: 600;
        display: block;
        margin-left: -6px; }
      .gsShow-footer__count > div {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 17px; }
    .gsShow-footer__sponsor {
      display: flex;
      align-items: center;
      min-width: 200px; }
    .gsShow-footer__sp {
      margin-right: 40px;
      margin-top: 9px;
      transform-origin: bottom left;
      transition: .3s linear; }
      .gsShow-footer__sp:hover {
        will-change: transform;
        transform-origin: bottom left;
        transform: scale(1.2) translateZ(0);
        transition: .3s linear; }
    .gsShow-footer__category {
      color: #798ea8;
      text-decoration: underline;
      font-size: 16px;
      margin-right: 68px; }
    .gsShow-footer__comment {
      background-image: url("../img/icon/comments.png");
      background-repeat: no-repeat;
      background-position: 0 9px;
      width: 30px;
      height: 30px;
      margin-bottom: 6px; }
    .gsShow-footer__like {
      background-image: url("../img/icon/pencil/pencilHover.svg");
      background-repeat: no-repeat;
      background-position: center;
      background-size: cover;
      width: 30px;
      height: 30px;
      margin-bottom: 6px; }
  .gsShow-like {
    min-width: 74px;
    min-height: 74px;
    border-radius: 50%;
    background-image: url("../img/icon/pencil/pencil.svg");
    background-position: center bottom;
    background-repeat: no-repeat;
    position: relative;
    z-index: 9;
    cursor: pointer; }
    .gsShow-like:hover + .gsShow-like__tooltip {
      visibility: visible; }
    .gsShow-like__tooltip {
      visibility: hidden;
      position: absolute;
      width: 300px;
      height: auto;
      padding: 10px 0px 12px 9px;
      border: 1px solid #898989;
      background-color: #fff;
      color: #798ea8;
      box-shadow: 0px 5px 6.51px 0.49px rgba(0, 0, 0, 0.22);
      font-size: 14px;
      font-weight: bold;
      text-align: left;
      top: -130px;
      left: -114px;
      z-index: 999999; }
      .gsShow-like__tooltip span {
        width: 300px;
        display: flex; }
      .gsShow-like__tooltip p {
        color: #000;
        margin: 0 auto; }
      .gsShow-like__tooltip ul {
        margin-left: 11px; }
    .gsShow-like--defolt {
      background-image: url("../img/icon/pencil/pencil.svg"); }
      .gsShow-like--defolt:hover {
        background-image: url("../img/icon/pencil/pencilHover.svg"); }
    .gsShow-like--active {
      background-image: url("../img/icon/pencil/pencilActive.svg"); }
    .gsShow-like--click {
      background-image: url("../img/icon/pencil/pencilActive.svg") !important; }
    @media screen and (min-width: 1576px) {
      .gsShow-like {
        width: 83px;
        height: 83px; } }
    @media screen and (min-width: 1720px) {
      .gsShow-like {
        width: 90px;
        height: 90px; } }
  .gsShow-info {
    bottom: 100px !important;
    justify-content: space-between;
    padding-right: 60px;
    z-index: 98; }
    @media screen and (min-width: 1576px) {
      .gsShow-info {
        bottom: 115px !important; } }
    @media screen and (min-width: 1720px) {
      .gsShow-info {
        bottom: 135px !important; } }
    .gsShow-info .slickSlide-info__item--link {
      background-color: #fff !important; }
      .gsShow-info .slickSlide-info__item--link:hover {
        background-color: #798ea8 !important;
        transition: all .3s; }
        .gsShow-info .slickSlide-info__item--link:hover .slickSlide-info__item {
          position: relative; }
          .gsShow-info .slickSlide-info__item--link:hover .slickSlide-info__item--export {
            transition: all .3s;
            filter: brightness(0) invert(1) !important; }
          .gsShow-info .slickSlide-info__item--link:hover .slickSlide-info__item--setting {
            transition: all .3s;
            filter: brightness(0) invert(1) !important; }
          .gsShow-info .slickSlide-info__item--link:hover .slickSlide-info__item--info {
            transition: all .3s;
            filter: brightness(0) invert(1) !important; }
          .gsShow-info .slickSlide-info__item--link:hover .slickSlide-info__item--export_1 {
            transition: all .3s;
            filter: brightness(0) invert(1) !important; }
          .gsShow-info .slickSlide-info__item--link:hover .slickSlide-info__item--setting_1 {
            transition: all .3s;
            filter: brightness(0) invert(1) !important; }
          .gsShow-info .slickSlide-info__item--link:hover .slickSlide-info__item--info_1 {
            transition: all .3s;
            filter: brightness(0) invert(1) !important; }
  .gsShow-sidebar {
    position: fixed;
    height: 100vh;
    overflow: hidden;
    top: 0;
    right: 0;
    width: 468px;
    border-left: 2px solid #cfcfcf;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    z-index: 9; }
    .gsShow-sidebar__head {
      padding: 0 13px 1px 34px;
      position: relative; }
    .gsShow-sidebar-head {
      position: relative; }
      .gsShow-sidebar-head a {
        display: flex; }
      .gsShow-sidebar-head__bg {
        position: relative;
        width: 100%;
        height: 115px;
        background-image: url("../img/geniarium/profilBg/bg_1.png");
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
        transition: all .3s;
        overflow: hidden; }
      .gsShow-sidebar-head__bg2 {
        background-image: url("../img/geniarium/profilBg/bg_10.png"); }
      .gsShow-sidebar-head__bg3 {
        background-image: url("../img/geniarium/profilBg/bg_2.png"); }
      .gsShow-sidebar-head__bg4 {
        background-image: url("../img/geniarium/profilBg/bg_4.png"); }
      .gsShow-sidebar-head__bg5 {
        background-image: url("../img/geniarium/profilBg/bg_5.png"); }
      .gsShow-sidebar-head__bg6 {
        background-image: url("../img/geniarium/profilBg/bg_6.png"); }
      .gsShow-sidebar-head__bg7 {
        background-image: url("../img/geniarium/profilBg/bg_7.png"); }
      .gsShow-sidebar-head__bg8 {
        background-image: url("../img/geniarium/profilBg/bg_8.png"); }
      .gsShow-sidebar-head__bg9 {
        background-image: url("../img/geniarium/profilBg/bg_9.png"); }
      .gsShow-sidebar-head__bg10 {
        background-image: url("../img/geniarium/profilBg/bg_3.png"); }
      .gsShow-sidebar-head__user {
        margin-top: -4px;
        z-index: 9;
        position: relative;
        width: 100%;
        height: 70px;
        background-image: url("../img/bg/mainBg.png");
        background-position-x: -2px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0 15px 4px 114px;
        box-shadow: 0px -25px 27px 0px rgba(0, 0, 0, 0.43); }
        .gsShow-sidebar-head__user--photo {
          width: 113px;
          height: 113px;
          box-sizing: border-box;
          position: absolute;
          bottom: 0;
          left: 0;
          padding: 10px;
          background-color: #fff;
          border-radius: 50%;
          overflow: hidden; }
          .gsShow-sidebar-head__user--photo .gsHoverPhoto-img {
            transition: all 0.3s !important;
            position: absolute;
            top: 10px;
            left: 10px;
            max-width: 94px; }
        .gsShow-sidebar-head__user--name {
          display: flex;
          flex-direction: column;
          align-items: flex-start;
          justify-content: center;
          font-size: 16px;
          font-weight: bold;
          color: #000000;
          z-index: 10; }
        .gsShow-sidebar-head__user--btn {
          display: flex;
          align-items: center;
          justify-content: center;
          width: 114px;
          height: 26px;
          color: #fff;
          font-weight: bold;
          font-size: 14px;
          background-color: #798ea8;
          border-radius: 26px;
          transition: all .3s;
          z-index: 10;
          cursor: pointer; }
          .gsShow-sidebar-head__user--btn:hover {
            background-color: #445469; }
        .gsShow-sidebar-head__user .gsShow-sidebar-head__setting {
          margin: 0 18px 0 10px; }
      .gsShow-sidebar-head__count {
        position: absolute;
        bottom: 70px;
        right: 8px;
        z-index: 11;
        display: flex;
        align-items: flex-end;
        justify-content: center; }
        .gsShow-sidebar-head__count--item {
          height: 28px;
          width: 28px;
          border-radius: 50%;
          display: flex;
          align-items: center;
          justify-content: center;
          font-weight: bold;
          font-size: 24px;
          position: relative; }
          .gsShow-sidebar-head__count--item::before {
            content: '';
            display: block;
            width: calc(100% + 6px);
            height: calc(100% + 6px);
            position: absolute;
            background-color: #fff;
            border-radius: 50%;
            top: -3px;
            left: -3px;
            z-index: -1; }
        .gsShow-sidebar-head__count--one {
          background-color: #ffce11;
          border: 1px solid #b78118;
          color: #b78118;
          transition: all .3s; }
          .gsShow-sidebar-head__count--one:hover {
            background-color: #ffed17;
            color: #deac21;
            border-color: #deac21; }
            .gsShow-sidebar-head__count--one:hover .gsShow-sidebar-head--tooltip {
              display: block; }
        .gsShow-sidebar-head__count--two {
          background-color: #dbdbdb;
          border: 1px solid #848484;
          color: #848484;
          transition: all .3s; }
          .gsShow-sidebar-head__count--two:hover {
            background-color: #f3f3f3;
            color: #b0b0b0;
            border-color: #b0b0b0; }
            .gsShow-sidebar-head__count--two:hover .gsShow-sidebar-head--tooltip {
              display: block; }
        .gsShow-sidebar-head__count--tree {
          background-color: #fd5f15;
          border: 1px solid #8b2409;
          color: #8b2409;
          transition: all .3s; }
          .gsShow-sidebar-head__count--tree:hover {
            background-color: #ffac27;
            color: #da4411;
            border-color: #da4411; }
            .gsShow-sidebar-head__count--tree:hover .gsShow-sidebar-head--tooltip {
              display: block; }
        .gsShow-sidebar-head__count--f {
          height: 24px;
          width: 24px;
          background-color: #475566;
          border: 1px solid #475566;
          color: #fff;
          font-size: 19px;
          transition: all .3s; }
          .gsShow-sidebar-head__count--f:hover {
            background-color: #798ea8;
            border-color: #798ea8; }
            .gsShow-sidebar-head__count--f:hover .gsShow-sidebar-head--tooltip {
              display: block; }
      .gsShow-sidebar-head--tooltip {
        display: none;
        position: absolute;
        border: 1px solid #898989;
        color: #798ea8;
        font-size: 14px;
        font-weight: bold;
        padding: 5px;
        background-color: #fff;
        width: 145px;
        top: -104px;
        right: -40px;
        transition: all 0.3s;
        box-shadow: 0px 5px 6.51px 0.49px rgba(0, 0, 0, 0.22); }
      .gsShow-sidebar-head__box {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        height: 37px;
        background-color: #fff;
        border-radius: 20px 0 0 20px;
        padding: 5px 10px 5px 17px;
        position: relative;
        z-index: 9; }
        .gsShow-sidebar-head__box::after {
          content: '';
          display: block;
          position: absolute;
          width: 111px;
          height: 37px;
          background-color: #fff;
          border-radius: 0 20px 20px 0;
          left: 100%; }
        .gsShow-sidebar-head__box:before {
          content: '';
          display: block;
          position: absolute;
          width: 341px;
          height: 37px;
          background-color: transparent;
          border-radius: 20px;
          left: 0; }
      .gsShow-sidebar-head__soc {
        display: flex;
        align-items: center;
        justify-content: center;
        cursor: pointer;
        position: relative; }
        .gsShow-sidebar-head__soc svg {
          width: 27px;
          height: auto; }
        .gsShow-sidebar-head__soc--path {
          transition: all 0.3s; }
        .gsShow-sidebar-head__soc__title {
          display: none;
          position: absolute;
          bottom: -67px;
          right: -5px;
          color: #798ea8;
          background-color: #fff;
          border: 1px solid #798ea8;
          font-size: 14px;
          font-weight: bold;
          box-shadow: 0px 5px 6.51px 0.49px rgba(0, 0, 0, 0.22);
          text-align: left;
          padding: 6px 10px;
          transition: all 0.5s;
          width: 168px; }
        .gsShow-sidebar-head__soc:hover .gsShow-sidebar-head__soc__title {
          display: block; }
        .gsShow-sidebar-head__soc:hover .gsShow-sidebar-head__soc--path {
          fill: #FF0005; }
      .gsShow-sidebar-head__setting {
        width: 26px;
        min-width: 26px;
        height: 26px;
        background-color: #798ea8;
        border-radius: 50%;
        display: flex;
        align-items: center;
        justify-content: center;
        transition: all .3s;
        cursor: pointer;
        z-index: 10; }
        .gsShow-sidebar-head__setting img {
          filter: brightness(0) invert(1); }
        .gsShow-sidebar-head__setting:hover {
          background-color: #475566; }
    .gsShow-sidebar-profile {
      width: 100%;
      height: 100%; }
      .gsShow-sidebar-profile__tabs {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        height: 76px;
        background-image: url("../img/bg/mainBg.png");
        background-position-x: -2px;
        display: flex;
        align-items: center;
        justify-content: center; }
        @media screen and (min-width: 1576px) {
          .gsShow-sidebar-profile__tabs {
            height: 85px; } }
        @media screen and (min-width: 1720px) {
          .gsShow-sidebar-profile__tabs {
            height: 115px; } }
        .gsShow-sidebar-profile__tabs--item {
          min-width: 130px;
          padding: 0 15px;
          text-align: center;
          display: flex;
          justify-content: center;
          align-items: center;
          font-size: 16px;
          font-weight: bold;
          line-height: 27px;
          height: 30px;
          border: 1px solid #fff;
          color: #788da7;
          box-shadow: 1.847px 2.364px 7.83px 1.17px rgba(108, 106, 106, 0.25);
          background-color: #fff;
          border-radius: 14px;
          margin: 0 16px;
          cursor: pointer;
          transition: all .3s; }
          .gsShow-sidebar-profile__tabs--item .tab-count {
            margin-left: 5px; }
          .gsShow-sidebar-profile__tabs--item:hover {
            background-color: #788da7;
            border: 1px solid #788da7;
            color: #fff;
            box-shadow: none; }
        .gsShow-sidebar-profile__tabs .tab-count-active {
          background-color: #798ea8;
          border: 1px solid #798ea8;
          color: #fff;
          border-radius: 25px;
          box-shadow: none !important; }
      .gsShow-sidebar-profile__content--item {
        display: none; }
      .gsShow-sidebar-profile__content .gsShowContent-active {
        display: block; }
    .gsShow-sidebar__item {
      display: none; }
      .gsShow-sidebar__item--active {
        display: block; }
  .gsShow__box .slickSlide-pic::after {
    display: none; }
  .gsShow__box--icon {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    width: 100%; }
  .gsShow__box--uptotop {
    width: 35px;
    height: 35px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    bottom: 10px;
    right: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer; }
    .gsShow__box--uptotop--path {
      transition: all .3s; }
    .gsShow__box--uptotop__title {
      display: none;
      position: absolute;
      bottom: 40px;
      right: 0;
      color: #798ea8;
      background-color: #fff;
      border: 1px solid #798ea8;
      font-size: 14px;
      font-weight: bold;
      box-shadow: 0px 5px 6.51px 0.49px rgba(0, 0, 0, 0.22);
      text-align: left;
      padding: 6px 10px;
      transition: all 0.5s;
      width: 236px; }
    .gsShow__box--uptotop__gen {
      right: 50%;
      bottom: 0;
      transform: translate(50%, 50%);
      z-index: 9; }
      .gsShow__box--uptotop__gen:after {
        content: '';
        display: block;
        position: absolute;
        width: 35px;
        height: 50;
        bottom: 0;
        background-color: transparent;
        z-index: -1;
        border-radius: 0 0 35px 35px;
        box-shadow: 4px 8.8px 3px 0px rgba(0, 0, 0, 0.5); }
      .gsShow__box--uptotop__gen .gsShow__box--uptotop__title {
        bottom: 40px;
        right: -101px !important; }
    .gsShow__box--uptotop:hover .gsShow__box--uptotop__title {
      display: block; }
    .gsShow__box--uptotop:hover .gsShow__box--uptotop--path {
      fill: #FF0005; }
  .gsShow__box .slickSlide-pic__box--name__item p {
    margin-bottom: 0; }
  .gsShow-share {
    width: 48px;
    height: 48px;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 1.847px 2.364px 7.83px 1.17px rgba(108, 106, 106, 0.25);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all .3s;
    cursor: pointer; }
    .gsShow-share svg {
      margin-right: 2px;
      margin-top: 2px; }
    .gsShow-share:hover {
      background-color: #798ea8;
      box-shadow: none; }
      .gsShow-share:hover path {
        transition: all .3s;
        fill: #fff; }

.gsShowContent0 {
  display: flex;
  align-items: center;
  justify-content: center; }

.gsShowContent__block {
  cursor: pointer; }
  .gsShowContent__block:hover .gsShowContent-box--circle {
    background-color: #798ea8;
    box-shadow: none; }
    .gsShowContent__block:hover .gsShowContent-box--circle p {
      color: #fff; }
.gsShowContent-box {
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  height: 100%;
  max-height: 113px; }
  .gsShowContent-box > div {
    border: 1px solid #898989;
    width: 103px;
    height: 103px;
    background-color: #dee4eb;
    margin: 5px;
    overflow: hidden; }
  .gsShowContent-box p {
    font-weight: bold;
    font-size: 20px;
    color: #798ea8;
    line-height: 103px;
    text-align: center;
    width: 100%; }
  .gsShowContent-box--last {
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all .3s;
    width: 103px;
    height: 103px;
    background-color: #dee4eb;
    margin: 5px;
    overflow: hidden;
    background: url("../img/bg/mainBg.png"); }
  .gsShowContent-box--circle {
    width: 52px;
    height: 52px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    color: #798ea8;
    border-radius: 50%;
    transition: all .3s;
    box-shadow: 1.847px 2.364px 7.83px 1.17px rgba(108, 106, 106, 0.25); }

.avatar-content {
  display: none;
  position: absolute;
  border: 1px solid #b5b5b5;
  background-color: #fff;
  z-index: 99999999;
  text-align: left;
  top: 50px;
  right: 14px;
  min-width: 180px; }
  .avatar-content a {
    cursor: pointer;
    line-height: 16px;
    display: block;
    font-weight: bold;
    padding: 7px 10px 8px;
    font-size: 14px;
    color: #475566;
    transition: all 0.3s; }
  .avatar-content .workActive {
    background-color: #d0d8e1; }

.gsShowContent1 {
  width: 100%;
  position: relative;
  display: flex !important;
  justify-content: space-between;
  flex-direction: column; }
  .gsShowContent1-comments {
    width: 100%; }
    .gsShowContent1-comments__item {
      display: flex;
      justify-content: flex-start;
      align-items: flex-start;
      margin: 10px 20px; }
    .gsShowContent1-comments__photo {
      min-width: 50px;
      min-height: 50px;
      border-radius: 50px;
      overflow: hidden;
      position: relative; }
      .gsShowContent1-comments__photo .gsHoverPhoto-img {
        transition: all 0.3s !important;
        position: absolute;
        width: 50px;
        height: 50px;
        top: 0px;
        left: 0px; }
    .gsShowContent1-comments__name {
      font-weight: bold;
      font-size: 16px;
      color: #445469;
      margin-bottom: 5px; }
    .gsShowContent1-comments__desc {
      margin-left: 10px;
      max-width: 325px; }
  .gsShowContent1-input {
    width: 100%;
    border-top: 1px solid #d0d0d0;
    padding: 8px 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: absolute;
    bottom: 76px;
    background-color: #fff;
    z-index: 9; }
    @media screen and (min-width: 1576px) {
      .gsShowContent1-input {
        bottom: 85px; } }
    @media screen and (min-width: 1720px) {
      .gsShowContent1-input {
        bottom: 115px; } }
    .gsShowContent1-input__field {
      border: none;
      height: 40px;
      background-image: url("../img/icon/svg/comments.svg");
      background-position: 14px 2px;
      background-repeat: no-repeat;
      background-size: 38px 38px;
      width: 100%;
      padding-left: 70px; }
    .gsShowContent1-input--smile {
      margin-right: 15px;
      position: relative;
      cursor: pointer; }
      .gsShowContent1-input--smile--title {
        position: absolute;
        top: 6px;
        right: 0;
        background-color: #fff;
        border: 1px solid #475566;
        display: none;
        align-items: flex-start;
        justify-content: space-between;
        width: 154px;
        flex-wrap: wrap; }
        .gsShowContent1-input--smile--title > div {
          padding: 8px;
          display: flex;
          align-items: center;
          justify-content: center;
          cursor: pointer; }
          .gsShowContent1-input--smile--title > div:hover {
            background-color: #bccfe6; }
      .gsShowContent1-input--smile--closeTitle {
        display: none;
        position: fixed;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        background-color: transparent; }
  .gsShowContent1-box {
    overflow-y: auto; }

[data-show-userComments="true"] {
  display: flex !important; }

[data-show-userComments="false"] {
  display: none !important; }

.galShow-sidebar-head__count {
  bottom: 80px !important;
  right: 12px; }
  .galShow-sidebar-head__count .gsShow-sidebar-head--tooltip {
    top: 36px;
    right: -4px; }

.people {
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99; }
  .people-box_1 {
    position: absolute;
    top: 278px;
    right: 0; }
  .people-box_2 {
    position: absolute;
    top: 298px;
    left: 0; }
  .people-box_3 {
    position: absolute;
    top: 189px;
    right: 76px; }
  .people-relation {
    position: relative;
    width: 100%;
    height: 100%; }

.snail {
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99; }
  .snail-relation {
    position: relative;
    width: 100%;
    height: 100%; }
  .snail-box_1 {
    position: absolute;
    top: 0px;
    left: 0;
    height: 510px;
    width: 100%;
    background-repeat: repeat-x;
    background-image: url("../img/co/co_people/snai_4l.png");
    background-size: auto 510px;
    background-position-x: 0; }
  .snail-box_2 {
    position: absolute;
    top: 0;
    left: 0;
    height: 510px;
    width: 100%;
    background-repeat: repeat-x;
    background-image: url("../img/co/co_people/snai_5l.png");
    background-size: auto 510px;
    background-position-x: 0; }

.monsters {
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99; }
  .monsters-relation {
    position: relative;
    width: 100%;
    height: 100%; }
  .monsters-box_1 {
    position: absolute;
    top: 282px;
    left: 0;
    height: 285px;
    width: 100%;
    background-repeat: repeat;
    background-image: url("../img/co/co_people/monsters_1.png");
    background-size: cover;
    background-position-x: 0; }
  .monsters-box_2 {
    position: absolute;
    top: 282px;
    left: 0;
    height: 285px;
    width: 100%;
    background-repeat: repeat;
    background-image: url("../img/co/co_people/monsters_2.png");
    background-position-x: 0; }

.city {
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99; }
  .city-relation {
    position: relative;
    width: 100%;
    height: 100%; }
  .city-box_1 {
    position: absolute;
    top: 0;
    left: 0;
    height: 510px;
    width: 100%;
    background-repeat: repeat-x;
    background-image: url("../img/co/co_people/city_1.png");
    background-position-x: 0;
    background-position-y: 91px; }
  .city-box_2 {
    position: absolute;
    top: 0;
    left: 0;
    height: 510px;
    width: 100%;
    background-repeat: repeat-x;
    background-image: url("../img/co/co_people/city_1.png");
    background-position-x: 0;
    background-position-y: 91px; }

.plasticineAnim_1 {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-image: url("../img/geniarium/main_bg/slideshow/sl_6/bg.png");
  background-repeat: repeat-x;
  background-position-x: 0;
  background-size: cover; }
  .plasticineAnim_1::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 510px;
    box-shadow: inset 0px -20px 20px 0px rgba(0, 0, 0, 0.2); }
.plasticineAnim_2 {
  width: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  background-image: url("../img/geniarium/main_bg/slideshow/sl_6/bg.png");
  background-repeat: repeat-x;
  background-position-x: 0;
  background-size: cover; }
  .plasticineAnim_2::before {
    content: "";
    position: absolute;
    display: block;
    width: 100%;
    height: 510px;
    box-shadow: inset 0px -20px 20px 0px rgba(0, 0, 0, 0.2); }

.brushes {
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 99; }
  .brushes-relation {
    position: relative;
    width: 100%;
    height: 100%; }
  .brushes-box_1 {
    position: absolute;
    top: 0;
    left: 0;
    height: 510px;
    width: 100%;
    background-repeat: no-repeat;
    background-image: url("../img/co/co_people/brushes_1.png");
    background-size: cover;
    background-position-x: 0; }
  .brushes-box_2 {
    position: absolute;
    top: 0;
    left: 0;
    height: 510px;
    width: 100%;
    background-repeat: no-repeat;
    background-image: url("../img/co/co_people/brushes_2.png");
    background-size: cover;
    background-position-x: 0; }

.box-section {
  position: relative;
  padding-bottom: 98px;
  padding-top: 130px; }
  .box-section .contain {
    width: 832px;
    margin: 0 auto; }
  .box-section:after {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 208px;
    background-image: url("../img/bg/mainBg.png");
    z-index: -1;
    bottom: 0; }
  .box-section:before {
    content: "";
    display: block;
    position: absolute;
    width: 100%;
    height: 198px;
    background-image: url("../img/bg/mainBg.png");
    z-index: -1;
    top: 0; }
  .box-section-1 {
    padding-top: 0; }
    .box-section-1:before {
      display: none; }
  .box-section--line1 {
    height: 148px; }
  .box-section--line2 {
    height: 232px; }
    .box-section--line2 img {
      height: 232px; }
  .box-section--line3 {
    height: 133px; }
  .box-section--line4 {
    height: 218px; }
  .box-section--line5 {
    height: 157px;
    display: flex;
    align-items: center; }
    .box-section--line5 > img {
      min-height: 196px; }
  .box-section--line6 {
    height: 224px; }
  .box-section--line7 {
    height: 173px; }
    .box-section--line7 > img {
      min-height: 173px; }
  .box-section--line8 {
    height: 139px;
    overflow: hidden; }
    .box-section--line8 img {
      height: 139px; }
  .box-section--line9 {
    height: 188px; }
  .box-section--line10 {
    height: 178px; }
  .box-section--line11 {
    height: 167px; }
    .box-section--line11 > img {
      min-height: 167px; }
  .box-section--line12 {
    height: 209px; }
    .box-section--line12 > img {
      min-height: 209px; }
  .box-section--line13 {
    height: 196px; }
    .box-section--line13 > img {
      min-height: 196px; }
  .box-section--line14 {
    height: 220px; }
  .box-section--line15 {
    height: 280px; }
  .box-section--line16 {
    height: 200px; }
    .box-section--line16 > img {
      min-height: 200px; }
  .box-section--line17 {
    height: 266px; }
    .box-section--line17 > img {
      min-height: 266px; }
  .box-section-banner {
    position: relative;
    width: 100%;
    height: 510px;
    z-index: 999; }
    .box-section-banner:after {
      content: "";
      display: block;
      position: absolute;
      width: 110%;
      height: 510px;
      top: 0;
      left: -5%;
      box-shadow: inset 0px 20px 20px 0px rgba(0, 0, 0, 0.2) !important; }
    .box-section-banner:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: -5%;
      width: 110%;
      box-shadow: inset 0px -20px 20px 0px rgba(0, 0, 0, 0.2) !important; }
    .box-section-banner-co9:after {
      content: "";
      display: block;
      position: absolute;
      width: 110%;
      height: 510px;
      top: 0;
      left: -5%;
      box-shadow: inset 0px 25px 24px 0px rgba(0, 0, 0, 0.43) !important; }
    .box-section-banner-co9:before {
      content: "";
      display: block;
      position: absolute;
      top: 0;
      bottom: 0;
      left: -5%;
      width: 110%;
      box-shadow: inset 0px -25px 24px 0px rgba(0, 0, 0, 0.43) !important; }
    .box-section-banner--co4:after {
      content: "";
      display: block;
      position: absolute;
      width: 110%;
      height: 80px;
      top: -80px;
      left: -5%;
      box-shadow: 0px 18px 12px 0px rgba(0, 0, 0, 0.25); }
    .box-section-banner--co4:before {
      content: "";
      display: block;
      position: absolute;
      height: 80px;
      top: 510px;
      left: -5%;
      width: 110%;
      box-shadow: 0px -18px 12px 0px rgba(0, 0, 0, 0.25); }
    .box-section-banner__content1 {
      height: 510px;
      position: absolute;
      top: 0;
      right: 170px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      z-index: 50; }
      .box-section-banner__content1--title {
        font-size: 58px;
        font-family: "mr_RegisterWideBold", sans-serif;
        color: #15d6f1;
        text-shadow: 2.828px 2.828px 3.4px rgba(0, 0, 0, 0.59);
        text-transform: uppercase;
        text-align: center; }
      .box-section-banner__content1--desc {
        text-transform: uppercase;
        color: #1b1b1b;
        font-size: 20px;
        font-weight: bold;
        padding: 30px 0 20px;
        letter-spacing: 5px; }
    .box-section-banner__content2 {
      height: 510px;
      position: absolute;
      bottom: 0px;
      display: flex;
      align-items: flex-end;
      justify-content: flex-start;
      left: 140px;
      z-index: 50;
      padding-bottom: 20px; }
      .box-section-banner__content2--title {
        line-height: 57px;
        font-size: 58px;
        font-family: "mr_RegisterWideBold", sans-serif;
        font-weight: 900;
        color: #fff;
        text-shadow: 2.828px 2.828px 3.4px rgba(0, 0, 0, 0.85);
        text-transform: uppercase;
        text-align: center;
        padding: 0 50px 0 25px; }
      .box-section-banner__content2--img {
        width: 94px;
        height: 94px; }
      .box-section-banner__content2--desc {
        text-transform: uppercase;
        font-size: 20px;
        font-weight: bold;
        letter-spacing: 5px;
        color: rgba(0, 0, 0, 0.7);
        background-color: #fff;
        padding: 5px 10px; }
    .box-section-banner__content3 {
      height: 510px;
      position: absolute;
      top: 0;
      left: 170px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      z-index: 50; }
      .box-section-banner__content3--title {
        font-size: 58px;
        font-family: "mr_RegisterWideBold", sans-serif;
        color: #3f3c40;
        text-shadow: 2.828px 2.828px 3.4px rgba(0, 0, 0, 0.59);
        text-transform: uppercase;
        text-align: center; }
      .box-section-banner__content3--desc {
        text-transform: uppercase;
        color: #1b1b1b;
        font-size: 20px;
        font-weight: bold;
        padding: 30px 0 20px;
        letter-spacing: 10px; }
    .box-section-banner__content4 {
      height: 510px;
      width: 1366px;
      padding: 0 35px 0 118px;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      align-items: center;
      justify-content: space-between;
      z-index: 50; }
      .box-section-banner__content4--box {
        display: flex;
        flex-direction: column;
        align-items: center; }
      .box-section-banner__content4--comp {
        color: #fff;
        font-size: 19px;
        font-weight: bold;
        text-shadow: 0.454px 0.891px 0px rgba(0, 0, 0, 0.6); }
      .box-section-banner__content4--title {
        font-size: 29px;
        font-family: "a_BighausTitulExtraBolt", sans-serif;
        font-weight: bold;
        color: #fff;
        text-transform: uppercase;
        text-shadow: 2.828px 2.828px 3.4px black; }
      .box-section-banner__content4--desc {
        text-transform: uppercase;
        color: #fff;
        font-size: 58px;
        font-weight: bold;
        text-shadow: 2.828px 2.828px 3.4px black;
        font-family: "mr_RegisterWideBold", sans-serif;
        text-align: center;
        line-height: 55px; }
      .box-section-banner__content4--img {
        margin-top: 3px; }
    .box-section-banner__content5 {
      height: 510px;
      width: 1366px;
      padding: 0 35px 0 118px;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      align-items: center;
      justify-content: space-between;
      z-index: 50; }
      .box-section-banner__content5--comp {
        color: #fff;
        font-size: 19px;
        font-weight: bold;
        text-shadow: 0.454px 0.891px 0px rgba(0, 0, 0, 0.6); }
      .box-section-banner__content5--title {
        font-size: 29px;
        font-family: "a_BighausTitulExtraBolt", sans-serif;
        font-weight: bold;
        color: #fff;
        text-transform: uppercase;
        text-shadow: 2.828px 2.828px 3.4px black; }
      .box-section-banner__content5--desc {
        text-transform: uppercase;
        color: #fff;
        font-size: 58px;
        font-weight: bold;
        text-shadow: 2.828px 2.828px 3.4px black;
        font-family: "mr_RegisterWideBold", sans-serif;
        text-align: center;
        line-height: 55px; }
      .box-section-banner__content5--img {
        margin-top: 3px; }
      .box-section-banner__content5--tools {
        display: inline-block;
        font-size: 35px;
        margin-left: 211px;
        color: #fff;
        font-family: "d_CCMatinee", sans-serif;
        text-align: right;
        margin-top: 30px;
        position: relative; }
        .box-section-banner__content5--tools::after {
          content: '';
          display: block;
          position: absolute;
          width: 100%;
          height: 1px;
          background-color: rgba(255, 255, 255, 0.8); }
    .box-section-banner__content6 {
      height: 510px;
      width: 1366px;
      padding: 0 100px 0 80px;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      align-items: center;
      justify-content: flex-end;
      z-index: 50; }
      .box-section-banner__content6--box {
        margin-right: 100px;
        display: flex;
        flex-direction: column;
        align-items: center; }
      .box-section-banner__content6--comp {
        color: #fff;
        font-size: 19px;
        font-weight: bold;
        text-shadow: 0.454px 0.891px 0px rgba(0, 0, 0, 0.6); }
      .box-section-banner__content6--title {
        font-size: 29px;
        font-family: "a_BighausTitulExtraBolt", sans-serif;
        font-weight: bold;
        color: #fff;
        text-transform: uppercase;
        text-shadow: 2.828px 2.828px 3.4px black; }
      .box-section-banner__content6--desc {
        text-transform: uppercase;
        color: #fff;
        font-size: 58px;
        font-weight: bold;
        text-shadow: 2.828px 2.828px 3.4px black;
        font-family: "mr_RegisterWideBold", sans-serif;
        line-height: 55px; }
      .box-section-banner__content6--img {
        margin-top: 3px; }
      .box-section-banner__content6--tools {
        display: inline-block;
        font-size: 35px;
        color: #ff0001;
        font-family: "d_CCMatinee", sans-serif;
        text-align: right;
        margin-top: 136px;
        position: absolute;
        right: 130px; }
        .box-section-banner__content6--tools::after {
          content: '';
          display: block;
          position: absolute;
          width: 100%;
          height: 1px;
          background-color: rgba(255, 0, 1, 0.8); }
    .box-section-banner__content7 {
      height: 510px;
      width: 1366px;
      padding: 0 35px 0 25px;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      align-items: center;
      z-index: 50; }
      .box-section-banner__content7--box {
        display: flex;
        flex-direction: column;
        align-items: center; }
      .box-section-banner__content7::after {
        content: '';
        display: block;
        position: absolute;
        bottom: -35px;
        right: 0;
        background-image: url("../img/co/co_people/co_5/santa_1.png");
        width: 400px;
        height: 237px;
        background-size: 100%;
        background-repeat: no-repeat;
        background-position: center; }
      .box-section-banner__content7--comp {
        color: #000;
        font-size: 19px;
        font-weight: bold;
        text-shadow: 0.454px 0.891px 0px rgba(0, 0, 0, 0.6); }
      .box-section-banner__content7--title {
        font-size: 29px;
        font-family: "a_BighausTitulExtraBolt", sans-serif;
        font-weight: bold;
        color: #01582d;
        text-transform: uppercase;
        text-shadow: 3px 3px 1px white; }
      .box-section-banner__content7--desc {
        text-transform: uppercase;
        color: #f00000;
        font-size: 58px;
        font-weight: bold;
        text-shadow: 3px 3px 1px white;
        font-family: "mr_RegisterWideBold", sans-serif;
        text-align: center;
        line-height: 55px; }
      .box-section-banner__content7--img {
        margin-top: 3px;
        margin-left: 117px; }
    .box-section-banner__content8 {
      height: 510px;
      width: 1366px;
      padding: 0 35px 0 118px;
      position: absolute;
      top: 0px;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      align-items: flex-end;
      z-index: 50; }
      .box-section-banner__content8--top30 {
        font-family: "mr_RegisterWideBold", sans-serif;
        font-size: 58px;
        color: #fff;
        text-shadow: 5px 5px 2.5px rgba(0, 0, 0, 0.85);
        text-transform: uppercase;
        margin-bottom: 10px; }
      .box-section-banner__content8 > p {
        color: #fff;
        font-size: 20px;
        text-transform: uppercase;
        letter-spacing: 3px;
        margin-bottom: 20px;
        margin-left: 20px; }
    .box-section-banner__content9 {
      height: 510px;
      width: 1366px;
      padding: 0 35px 0 118px;
      position: absolute;
      top: 0px;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      align-items: flex-end;
      z-index: 50; }
      .box-section-banner__content9--top30 {
        font-family: "mr_RegisterWideBold", sans-serif;
        font-size: 58px;
        line-height: 41px;
        color: #0000ef;
        text-transform: uppercase;
        margin-bottom: 10px;
        background-color: #fff;
        padding: 8px 13px 14px; }
      .box-section-banner__content9 > p {
        color: #fff;
        font-size: 20px;
        text-transform: uppercase;
        letter-spacing: 3px;
        margin-bottom: 10px;
        margin-left: 10px; }
    .box-section-banner--hover {
      opacity: 0;
      display: flex;
      position: absolute;
      top: 0;
      left: 0;
      z-index: 2;
      bottom: 0;
      width: 100%;
      align-items: flex-end;
      justify-content: flex-end;
      transition: all .5s; }
      .box-section-banner--hover a {
        position: absolute;
        top: 0;
        height: 510px;
        left: 0;
        width: 100%; }
      .box-section-banner--hover__btn {
        display: flex;
        align-items: center;
        justify-content: center;
        padding: 28px 47px; }
        .box-section-banner--hover__btn img {
          cursor: pointer; }
    .box-section-banner:hover {
      transition: all .5s; }
      .box-section-banner:hover .box-section-banner--hover {
        opacity: 1;
        transition: all .5s; }
    .box-section-banner--user {
      position: relative;
      width: 110px;
      height: 110px;
      padding: 8px;
      background-color: #fff;
      border-radius: 50%; }
      .box-section-banner--user img {
        position: absolute;
        top: 8px;
        left: 8px;
        transition: all .3s !important; }
  .box-section-btn {
    margin: -20px auto 0;
    width: 190px;
    box-sizing: border-box;
    border: 2px solid #fff;
    border-radius: 20px;
    background-color: #fff; }
    .box-section-btn button {
      width: 100%;
      border: 2px solid #798ea8;
      color: #798ea8;
      background: none;
      font-size: 24px;
      font-family: "ChampagneLimousines", sans-serif;
      font-weight: bold;
      padding: 3px 0 6px;
      border-radius: 20px; }
  .box-section .competition__item--hover-box {
    flex-direction: column; }
    .box-section .competition__item--hover-box__item {
      height: 21px;
      display: flex;
      align-items: center;
      justify-content: center; }
      .box-section .competition__item--hover-box__item:first-child {
        margin-bottom: 3px; }
      .box-section .competition__item--hover-box__item img {
        height: 21px;
        width: auto; }
      .box-section .competition__item--hover-box__item span {
        color: #fff;
        font-weight: 600;
        font-size: 13px; }
  .box-section__li-title {
    text-align: center;
    cursor: none;
    color: #475566;
    font-weight: 600;
    font-size: 15px;
    padding-bottom: 6px !important; }
    .box-section__li-title:hover {
      cursor: default;
      background: #fff !important;
      border-right: 6px solid #d0d8e1 !important; }
  .box-section-age li > label {
    padding: 4px 0 4px 40px;
    display: block;
    color: #475566;
    font-weight: 600;
    font-size: 14px; }
    .box-section-age li > label input {
      margin-right: 10px;
      color: #475566;
      font-weight: 600;
      font-size: 14px; }

.history-date__title {
  font-size: 19px;
  font-weight: bold;
  font-family: "ChampagneLimousines", sans-serif;
  color: #798ea8; }
.history-date__box {
  display: flex;
  align-items: center;
  justify-content: center; }
.history-date__day {
  position: relative;
  width: 35px;
  height: 21px;
  line-height: 20px;
  text-align: center;
  cursor: pointer;
  margin: 1px;
  z-index: 100001; }
  .history-date__day--green {
    background-color: #9ce8a6; }
    .history-date__day--green .history-date--title {
      width: 250px; }
    .history-date__day--green__active {
      border: 3px solid #d43838;
      box-sizing: border-box; }
      .history-date__day--green__active .history-date__day--text {
        margin-top: -2px; }
    .history-date__day--green .history-date__day--text {
      color: #454e58; }
  .history-date__day--red {
    background-color: #ffaaaa; }
    .history-date__day--red .history-date__day--text {
      color: #454e58; }
  .history-date__day--active {
    background-color: #c0cad5;
    border: 3px solid #d43838;
    box-sizing: border-box; }
    .history-date__day--active .history-date__day--text {
      margin-top: -3px; }
    .history-date__day--active .history-date--title {
      width: 220px; }
    .history-date__day--active::after {
      content: "";
      display: block;
      position: absolute;
      top: -12px;
      left: 50%;
      transform: translateX(-50%);
      border: 6px solid transparent;
      border-top: 10px solid #d43838; }
  .history-date__day--grey {
    background-color: #c0cad5; }
  .history-date__day--text {
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    font-family: "ChampagneLimousines", sans-serif; }
  .history-date__day:hover .history-date--title {
    display: block;
    z-index: 1000; }
  .history-date__day_3active {
    background-color: #3b9c49;
    border: 3px solid #d43838;
    box-sizing: border-box; }
    .history-date__day_3active .history-date__day--text {
      margin-top: -3px; }
    .history-date__day_3active::after {
      content: "";
      display: block;
      position: absolute;
      top: -12px;
      left: 50%;
      transform: translateX(-50%);
      border: 6px solid transparent;
      border-top: 10px solid #d43838; }
  .history-date__day--trumb {
    background-color: #3b9c49;
    border: 3px solid #d43838;
    box-sizing: border-box; }
    .history-date__day--trumb .history-date__day--text {
      margin-top: -3px; }
    .history-date__day--trumb::after {
      content: "";
      display: block;
      position: absolute;
      top: -12px;
      left: 50%;
      transform: translateX(-50%);
      border: 6px solid transparent;
      border-top: 10px solid #d43838; }
.history-date--title {
  display: none;
  width: 160px;
  background-color: #fff;
  border: 1px solid #798ea8;
  position: absolute;
  bottom: 125%;
  z-index: 9;
  font-size: 14px;
  font-weight: bold;
  color: #798ea8;
  text-align: left;
  padding: 6px;
  box-shadow: 0px 5px 6.51px 0.49px rgba(0, 0, 0, 0.22); }
  .history-date--title--1 {
    left: -5%; }
  .history-date--title--10 {
    right: 5%; }

.co1-history {
  width: 100%; }
  .co1-history .history-date__day {
    width: 73px;
    height: 45px;
    text-align: center; }
    .co1-history .history-date__day--text {
      font-size: 18px;
      line-height: 43px; }

.comp1-history {
  position: absolute;
  bottom: 37px;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%; }
  .comp1-history .cat-history__voice {
    flex-direction: column;
    align-items: left;
    margin-top: 3px; }
    .comp1-history .cat-history__voice--btn {
      color: #798ea8;
      margin-top: 5px; }

.coDesc-item__stage--block .history-date__day--text {
  font-size: 11px; }

#home-move_1 {
  position: fixed;
  width: 100%;
  z-index: -9;
  transition: none;
  overflow: hidden;
  height: 100%;
  display: none;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("../img/movie/movie_bg.png");
  background-size: cover;
  background-position: center; }
  #home-move_1 video {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 23vw;
    width: 56%; }

#home-move_2 {
  position: fixed;
  width: 100%;
  z-index: -9;
  transition: none;
  overflow: hidden;
  height: 100%;
  display: none;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("../img/movie/movie_bg_2.png");
  background-size: cover;
  background-position: center; }
  #home-move_2 video {
    position: absolute;
    top: 53%;
    transform: translateY(-50%);
    left: 17.3vw; }

#home-move_3 {
  position: fixed;
  width: 100%;
  z-index: -9;
  transition: none;
  overflow: hidden;
  height: 100%;
  display: none;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("../img/movie/movie_bg_3.png");
  background-size: cover;
  background-position: center; }
  #home-move_3 video {
    position: absolute;
    top: 52%;
    transform: translateY(-50%);
    left: 33.7vw; }

#home-move_4 {
  position: fixed;
  width: 100%;
  z-index: -9;
  transition: none;
  overflow: hidden;
  height: 100%;
  display: none;
  top: 50%;
  transform: translateY(-50%);
  background-image: url("../img/movie/movie_bg_4.png");
  background-size: cover;
  background-position: center; }
  #home-move_4 video {
    position: absolute;
    top: 51%;
    transform: translateY(-50%);
    left: 21vw; }

#paralaxVideo_1 {
  width: 100%;
  height: 55vh;
  background: transparent;
  position: relative;
  box-shadow: inset 0px -25px 27px 0px rgba(0, 0, 0, 0.43); }

#paralaxVideo_2 {
  width: 100%;
  height: 55vh;
  background: transparent;
  position: relative;
  box-shadow: inset 0px -25px 27px 0px rgba(0, 0, 0, 0.43); }

#paralaxVideo_3 {
  width: 100%;
  height: 55vh;
  background: transparent;
  position: relative;
  box-shadow: inset 0px -25px 27px 0px rgba(0, 0, 0, 0.43); }

#paralaxVideo_4 {
  width: 100%;
  height: 55vh;
  background: transparent;
  position: relative;
  box-shadow: inset 0px -25px 27px 0px rgba(0, 0, 0, 0.43); }

.sponsorLink_1 {
  width: 100%;
  display: flex;
  justify-content: center; }
  .sponsorLink_1 img {
    width: 100%;
    height: auto; }

/* Slide 1 */
#slide-1a {
  display: block; }
  #slide-1a .bcg {
    background-image: url("../img/geniarium/main_bg/masterclass_3.png"); }

#slide-1b {
  display: none; }
  #slide-1b .bcg {
    background-image: url("../img/geniarium/main_bg/masterclass_1.png"); }
  #slide-1b .box-section-banner--hover__btn img {
    filter: invert(100%); }

#slide-1c {
  display: none; }
  #slide-1c .bcg {
    background-image: url("../img/geniarium/main_bg/masterclass_2.png"); }

#slide-2a {
  display: none; }
  #slide-2a .bcg {
    background-image: url("../img/geniarium/main_bg/masterclass_4.png"); }
  #slide-2a .box-section-banner--hover__btn img {
    filter: invert(100%); }

#slide-2b {
  display: none; }
  #slide-2b .bcg {
    background-image: url("../img/geniarium/main_bg/masterclass_5.png"); }
  #slide-2b .box-section-banner--hover__btn img {
    filter: invert(100%); }

#slide-2c {
  display: none; }
  #slide-2c .bcg {
    background-image: url("../img/geniarium/main_bg/masterclass_6.png"); }
  #slide-2c .box-section-banner--hover__btn img {
    filter: invert(100%); }

#slide-2d {
  display: block; }
  #slide-2d .bcg {
    background-image: url("../img/geniarium/main_bg/masterclass_7.png"); }

#slide-3a {
  display: block; }
  #slide-3a .bcg {
    background-image: url("../img/geniarium/main_bg/masterclass_8.png"); }
  #slide-3a .box-section-banner--hover__btn img {
    filter: invert(100%); }

#slide-3b {
  display: none; }
  #slide-3b .bcg {
    background-image: url("../img/geniarium/main_bg/masterclass_9.png"); }

#slide-3c {
  display: none; }
  #slide-3c .bcg {
    background-image: url("../img/geniarium/main_bg/masterclass_10.png"); }

#slide-3d {
  display: none; }
  #slide-3d .bcg {
    background-image: url("../img/geniarium/main_bg/masterclass_11.png"); }

#slide-4 .bcg {
  background-image: url("../img/geniarium/main_bg/mainBox_3.png"); }

#slide-5 .bcg {
  background-image: url("../img/geniarium/main_bg/mainBox_4.png"); }

#slide-6 .bcg {
  background-image: url("../img/geniarium/main_bg/mainBox_5.png"); }

#slide-7 .bcg {
  background-image: url("../img/geniarium/main_bg/mainBox_2.png"); }

#slide-8 .bcg {
  background-image: url("../img/geniarium/main_bg/mainBox_6.png"); }

#slide-9 .bcg {
  background-image: url("../img/geniarium/main_bg/mainBox_7.png"); }

#slide-10 .box-section-banner {
  height: 415px; }
#slide-10 .bcg {
  background-image: url("../img/geniarium/main_bg/slideshow/sl_1/mainBox_8.png");
  background-size: cover; }

#slide-11 .box-section-banner {
  height: 415px; }
#slide-11 .bcg {
  background-image: url("../img/geniarium/main_bg/slideshow/sl_1/mainBox_9.png"); }

#slide-12 .box-section-banner {
  height: 415px; }
#slide-12 .bcg {
  background-image: url("../img/geniarium/main_bg/slideshow/sl_2/mainBox_19.png");
  background-size: cover; }

#slide-13 .box-section-banner {
  height: 415px; }
#slide-13 .bcg {
  background-image: url("../img/geniarium/main_bg/slideshow/sl_2/mainBox_17.png"); }

#slide-14 .box-section-banner {
  height: 415px; }
#slide-14 .bcg {
  background-image: url("../img/geniarium/main_bg/slideshow/sl_3/bg_1.png"); }

#slide-15 .box-section-banner {
  height: 415px; }
#slide-15 .bcg {
  background-image: url("../img/geniarium/main_bg/slideshow/sl_3/bg_1.png"); }

#slide-16 .box-section-banner {
  height: 415px; }
#slide-16 .bcg {
  background-image: url("../img/geniarium/main_bg/slideshow/sl_4/bg_1.png"); }

#slide-17 .box-section-banner {
  height: 415px; }
#slide-17 .bcg {
  background-image: url("../img/geniarium/main_bg/slideshow/sl_4/bg_1.png"); }

#slide-18 .box-section-banner {
  height: 415px; }
#slide-18 .bcg {
  background-image: url("../img/geniarium/main_bg/slideshow/sl_5/bg_1.png"); }

#slide-19 .box-section-banner {
  height: 415px; }
#slide-19 .bcg {
  background-image: url("../img/geniarium/main_bg/slideshow/sl_5/bg_2.png"); }

#slide-20 .box-section-banner {
  height: 415px; }
#slide-20 .bcg {
  background-image: url("../img/geniarium/main_bg/slideshow/sl_6/bg.png"); }

#slide-21 .box-section-banner {
  height: 415px; }
#slide-21 .bcg {
  background-image: url("../img/geniarium/main_bg/slideshow/sl_6/bg.png");
  background-repeat: repeat-x; }

#slide-22 {
  overflow: hidden; }
  #slide-22 .box-section-banner {
    height: 415px; }
  #slide-22 .bcg {
    background-image: url("../img/geniarium/main_bg/slideshow/sl_9/bg_1.png");
    background-repeat: repeat-x; }

#slide-23 {
  overflow: hidden; }
  #slide-23 .box-section-banner {
    height: 415px; }
  #slide-23 .bcg {
    background-image: url("../img/geniarium/main_bg/slideshow/sl_9/bg_2.png");
    background-repeat: repeat-x; }

#slide-24 {
  overflow: hidden; }
  #slide-24 .box-section-banner {
    height: 415px; }
  #slide-24 .bcg {
    background-image: url("../img/geniarium/main_bg/slideshow/sl_10/bg_1.png"); }

#slide-25 {
  overflow: hidden; }
  #slide-25 .box-section-banner {
    height: 415px; }
  #slide-25 .bcg {
    background-image: url("../img/geniarium/main_bg/slideshow/sl_10/bg_2.png");
    background-repeat: repeat-x; }

.cs_4_bird--img {
  position: absolute;
  bottom: 76px;
  left: 0;
  display: none; }
  @media screen and (max-width: 1720px) {
    .cs_4_bird--img {
      bottom: 48px; } }
  @media screen and (max-width: 1576px) {
    .cs_4_bird--img {
      bottom: 8px; } }

@media screen and (max-width: 1576px) {
  .cv_4_bird--img {
    bottom: 29px; } }

.co_bird_1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .co_bird_1--3 {
    width: 830px;
    margin: 0 auto;
    position: relative; }
  .co_bird_1--1_img {
    position: absolute;
    left: 0;
    top: 40px;
    display: none; }
  .co_bird_1--2_img {
    position: absolute;
    left: 50px;
    bottom: -53px;
    display: none; }
  .co_bird_1--3_img {
    position: absolute;
    left: calc(0% - 116px);
    top: 13px;
    display: none; }
  .co_bird_1--4_img {
    position: absolute;
    left: 40%;
    top: 30px;
    display: none; }
  .co_bird_1--5_img {
    position: absolute;
    left: 46%;
    bottom: -51px;
    display: none; }
  .co_bird_1--6_img {
    position: absolute;
    left: 65%;
    bottom: 150px;
    display: none; }
  .co_bird_1--7_img {
    position: absolute;
    right: 0;
    top: 50px;
    display: none; }
  .co_bird_1--8_img {
    position: absolute;
    right: 0;
    bottom: 50px;
    display: none; }

.co_bird_2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden; }
  .co_bird_2--6 {
    width: 830px;
    margin: 0 auto;
    position: relative; }
  .co_bird_2--1_img {
    position: absolute;
    left: 0;
    top: 40px;
    display: none; }
  .co_bird_2--2_img {
    position: absolute;
    left: 0px;
    bottom: 53px;
    display: none; }
  .co_bird_2--3_img {
    position: absolute;
    left: 20%;
    top: 213px;
    display: none; }
  .co_bird_2--4_img {
    position: absolute;
    left: 40%;
    top: 30px;
    display: none; }
  .co_bird_2--5_img {
    position: absolute;
    left: 35%;
    bottom: -51px;
    display: none; }
  .co_bird_2--6_img {
    position: absolute;
    right: calc(10% -  134px);
    display: none; }
  .co_bird_2--7_img {
    position: absolute;
    right: 0;
    top: 50px;
    display: none; }
  .co_bird_2--8_img {
    position: absolute;
    right: 50px;
    bottom: -53px;
    display: none; }

.bird_active {
  display: block !important;
  transition: all 1s;
  opacity: 1; }

.santa_1 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow: visible; }
  .santa_1-person {
    position: absolute;
    bottom: -50px;
    left: 2%; }
  .santa_1-deer {
    position: absolute;
    bottom: -4px;
    right: 0; }
  .santa_1_wrap {
    position: absolute;
    bottom: 0;
    right: 0;
    height: 50px;
    width: 63%; }
.santa_2 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  overflow: visible; }
  .santa_2-person {
    position: absolute;
    bottom: -63px;
    right: 2%; }
  .santa_2-deer {
    position: absolute;
    bottom: -4px;
    left: 0; }
  .santa_2_wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 50px;
    width: 63%; }
.santa_3 {
  position: absolute;
  bottom: 52px;
  right: 0; }

.cs_5_santa {
  position: absolute;
  bottom: 82px;
  left: 20px; }
  @media screen and (max-width: 1720px) {
    .cs_5_santa {
      bottom: 54px; } }
  @media screen and (max-width: 1576px) {
    .cs_5_santa {
      bottom: 15px; } }

.choiceWork {
  width: 100vw;
  height: calc(100vh - 132px);
  overflow-y: auto;
  scrollbar-color: #a1a8af #d0d8e1;
  scrollbar-width: thin; }
  .choiceWork::-webkit-scrollbar {
    background-color: #d0d8e1;
    width: 7px; }
  .choiceWork::-webkit-scrollbar-thumb {
    background-color: #a1a8af; }
  .choiceWork-wrap {
    width: 908px;
    margin: 0 auto;
    padding: 67px 0 0 0; }
  .choiceWork-title {
    font-size: 64px;
    text-align: center;
    color: #475566;
    font-weight: 300; }
  .choiceWork-desc {
    color: #475566;
    font-size: 20px;
    font-weight: normal;
    margin-top: 27px; }
    .choiceWork-desc__item {
      position: relative;
      padding-left: 12px; }
      .choiceWork-desc__item:before {
        width: 7px;
        height: 7px;
        content: "";
        display: block;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        left: -3px;
        background-color: #6e89a0;
        border-radius: 50%; }
  .choiceWork-content {
    width: 828px;
    margin: 0 auto; }
  .choiceWork-box {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-top: 22px; }
    .choiceWork-box[data-active="false"] .choiceWork-box__checkbox--item {
      opacity: 0.7; }
    .choiceWork-box__item {
      width: 256px;
      height: 256px;
      margin: 15px 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      position: relative; }
    .choiceWork-box__checkbox {
      position: absolute;
      bottom: -8px;
      right: -8px;
      width: 47px;
      height: 47px;
      border-radius: 5px;
      background-color: #fff;
      display: flex;
      align-items: center;
      justify-content: center; }
      .choiceWork-box__checkbox--item {
        border: 2px solid #475566;
        box-sizing: border-box;
        width: 39px;
        height: 39px;
        border-radius: 3px;
        cursor: pointer;
        display: flex;
        align-items: center;
        justify-content: center; }
  .choiceWork-img {
    display: none; }
    .choiceWork-img--active {
      display: block; }
  .choiceWork-sponsor {
    position: fixed;
    top: 19px;
    right: 43px;
    height: 47px;
    vertical-align: top;
    transform: scale(1);
    will-change: transform;
    transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s;
    transform-origin: right top; }
    .choiceWork-sponsor:hover {
      transform: scale(1.2) translateZ(0); }
  .choiceWork-footer {
    height: 132px;
    position: fixed;
    bottom: 0;
    right: 0;
    left: 0;
    box-sizing: border-box;
    display: flex;
    align-items: center;
    justify-content: center; }
    .choiceWork-footer-wrap {
      width: 920px;
      display: flex;
      align-items: center;
      justify-content: flex-end; }
  .choiceWork__btn--reset {
    width: 200px;
    height: 42px;
    line-height: 40px;
    font-size: 23px;
    font-weight: bold;
    text-align: center;
    border-radius: 21px;
    background-color: #fff;
    border: 1px solid #798ea8;
    color: #798ea8;
    transition: all .3s;
    padding-bottom: 2px;
    cursor: pointer;
    box-sizing: border-box; }
    .choiceWork__btn--reset:hover {
      background-color: #798ea8;
      color: #fff; }
  .choiceWork__btn--send {
    width: 268px;
    height: 42px;
    font-size: 23px;
    font-weight: bold;
    line-height: 40px;
    text-align: center;
    border-radius: 14px;
    background-color: #798ea8;
    border: 1px solid #798ea8;
    color: #fff;
    border-radius: 21px;
    transition: all .3s;
    padding-bottom: 2px;
    cursor: pointer;
    margin: 0 25px; }
    .choiceWork__btn--send_1[data-send="true"] {
      background-color: #d5212c;
      border: 1px solid #d5212c; }
      .choiceWork__btn--send_1[data-send="true"]:hover {
        background-color: #fff;
        color: #d5212c; }
    .choiceWork__btn--send_1[data-send="false"] {
      background-color: #798ea8;
      border: 1px solid #798ea8; }
    .choiceWork__btn--send_2[data-send="true"] {
      background-color: #459e50;
      border: 1px solid #459e50; }
      .choiceWork__btn--send_2[data-send="true"]:hover {
        background-color: #fff;
        border: 1px solid #459e50;
        color: #459e50; }
    .choiceWork__btn--send_2[data-send="false"] {
      background-color: #798ea8;
      border: 1px solid #798ea8; }

::-webkit-scrollbar-thumb {
  background-color: #a1a8af; }

::-webkit-scrollbar {
  background-color: #d0d8e1;
  width: 7px; }

.loaderNewWork {
  position: absolute;
  z-index: 9;
  left: 332px;
  top: -18px;
  width: 55px;
  height: 55px;
  background-color: #fff;
  border-radius: 50%;
  cursor: pointer;
  transition: all 0.3s; }
  .loaderNewWork .plus-vertical {
    display: inline-block;
    background-color: #798ea8;
    width: 2px;
    height: 20px;
    position: absolute;
    left: 26.5px;
    top: 17.5px;
    transition: all 0.3s; }
  .loaderNewWork .plus-gorizontal {
    display: inline-block;
    background-color: #798ea8;
    height: 2px;
    width: 20px;
    position: absolute;
    left: 17.5px;
    top: 26.5px;
    transition: all 0.3s; }
  .loaderNewWork__link {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    cursor: pointer; }
  .loaderNewWork__title {
    display: none;
    position: absolute;
    border: 1px solid #898989;
    color: #798ea8;
    font-size: 14px;
    font-weight: bold;
    padding: 5px;
    background-color: #fff;
    bottom: -10px;
    right: -108px;
    transition: all 0.3s;
    box-shadow: 0px 5px 6.51px 0.49px rgba(0, 0, 0, 0.22); }
  .loaderNewWork:hover {
    background-color: #798ea8;
    box-shadow: none; }
    .loaderNewWork:hover .loaderNewWork__title {
      display: block; }
    .loaderNewWork:hover .plus-vertical {
      background-color: #fff; }
    .loaderNewWork:hover .plus-gorizontal {
      background-color: #fff; }

@media screen and (max-width: 1756px) {
  .coDesc-info__item .export-content {
    bottom: 9% !important;
    left: 70px !important; }
  .coDesc-info__item .info-content {
    bottom: 39% !important;
    left: 70px !important; }
  .coDesc-info__item .settings-content {
    bottom: 76% !important;
    left: 70px !important; }

  #home-move_1 video {
    left: 22.5vw; }

  #home-move_3 video {
    width: 64%;
    top: 52.5%;
    left: 34vw; }

  #home-move_2 video {
    left: 18vw;
    width: 46%; }

  #home-move_4 video {
    width: 55%; }

  .coDesc-final_modal {
    top: 47%;
    left: 5%; }

  .foot-statistic--h7 {
    left: 13%; } }
@media screen and (max-width: 1576px) {
  .box-section-banner__content2 {
    left: 70px; }

  .box-section-banner__content3 {
    left: 54px; }

  .box-section-banner__content1 {
    right: 80px; }

  .cst-additionally {
    width: 240px; }

  .slickSlide-pic {
    top: 48.5%; }

  .cs-sidebar--1__item, .cs-sidebar--2__item, .cs-sidebar--3__item, .cs-sidebar--4__item, .cs-sidebar--5__item,
  .cs-sidebar--6__item, .cs-sidebar--7__item, .cs-sidebar--8__item {
    height: 274px; }

  .slickSlide-author {
    height: 78px; }

  .slickSlide-info {
    padding: 0 30px 0 70px;
    bottom: 60px;
    left: 0;
    position: absolute; }

  .gsShow-info {
    padding-right: 45px; }

  .cs-sidebar__winPlace--link {
    bottom: 75px; }

  .gsShowSlide .slickSlide-info {
    padding: 0 80px 0 30px !important; }

  .workshop--line {
    background-position-x: 4px; }

  .home-info__item_2 .export-content {
    bottom: 30% !important;
    right: -185px !important; }
  .home-info__item_2 .info-content {
    bottom: -3% !important;
    right: -185px !important; }
  .home-info__item_2 .settings-content {
    bottom: 5% !important;
    right: -185px !important; }

  .slide-vote-btn__item_1 {
    right: 80%; }

  #home-move_1 video {
    max-width: 59%;
    left: 22vw; }

  #home-move_2 video {
    left: 18vw;
    width: 46%; }

  .coDesc-final_modal {
    top: 53%;
    left: 5%; }

  .foot-statistic--h7 {
    left: 10%; } }
@media screen and (max-width: 1441px) {
  #home-move_1 video {
    max-width: 59%;
    left: 21vw; }

  #home-move_2 video {
    left: 18vw;
    width: 47%; }

  .santa_1_wrap, .santa_2_wrap {
    width: 30%; }

  .foot-statistic--h7 {
    left: 7%; } }
@media screen and (max-width: 1367px) {
  .cst-additionally {
    left: 96%; }
    .cst-additionally a {
      margin: 0; }

  .slickSlide-author {
    height: 84px; }

  .slickSlide-pic {
    top: 48.5%; }

  .cs-sidebar--1__item, .cs-sidebar--2__item, .cs-sidebar--3__item, .cs-sidebar--4__item, .cs-sidebar--5__item, .cs-sidebar--6__item,
  .cs-sidebar--7__item, .cs-sidebar--8__item {
    height: 274px;
    margin-top: 0px; }

  .slick-prev, .slick-next {
    top: 50%; }

  .workshop--line {
    background-position-x: 1px; }

  #home-move_1 video {
    width: 56%;
    left: 23.5vw; } }
@media screen and (max-height: 800px) {
  .cs-sidebar--10__winPlace--link {
    bottom: 50px; }

  .co-7__timeshow--cs {
    bottom: 99px; }

  .reVoice-cs7__wrap {
    bottom: 91px; } }
@media screen and (max-height: 700px) {
  .cs-sidebar--10__winPlace--link {
    bottom: 30px; }

  .timeShowSlide {
    bottom: 170px; }

  .cs-sidebar--3 .timeShowSlide {
    bottom: 155px; }

  .vote-btn {
    bottom: 26px; }

  .vote-checked__item {
    width: 110px;
    height: 110px; }

  .cs-sidebar--4__btn {
    transform: translateX(-50%) scale(0.8);
    bottom: 155px; }

  .prew-footer {
    height: 270px; }

  .slide-vote-btn__item_6:after {
    bottom: -171px; }

  .slide-vote-btn__item_6 {
    bottom: 106px; }

  .slide-vote-btn__item_3:before {
    transform: scale(0.8); }

  .slide-vote-btn__item_3 {
    bottom: 132px; }

  .people-box_3 {
    top: 138px; }

  .vote__title--text {
    margin-bottom: 20px; }

  .vote_4 .vote__title4 {
    margin-bottom: 8px; }

  .cs_5-stage, .cs_6-stage {
    bottom: 15px; }

  .comp1-history {
    bottom: 8px; }

  .cs-sidebar--3__sponsor img {
    height: 48px; }

  .cs-sidebar--1__btn, .cs-sidebar--2__btn, .cs-sidebar--3__btn, .cs-sidebar--7__btn, .cs-sidebar--8__btn, .cs-sidebar--9__btn, .cs-sidebar--10__btn {
    bottom: 153px; }

  .cs-sidebar--4__btn {
    bottom: 136px; }

  .cs-sidebar--5__btn, .cs-sidebar--6__btn {
    bottom: 111px; }

  .cs-sidebar--10__title {
    margin-top: 0; }
    .cs-sidebar--10__title .cs-sidebar__winPlace {
      margin: 0 auto; }

  .gsShowContent-box > div {
    width: 85px;
    height: 85px; }
  .gsShowContent-box--last {
    width: 85px;
    height: 85px; }
    .gsShowContent-box--last p {
      line-height: 85px; }

  .prew-footer-gal8 {
    background-position: center 0px; } }
@media screen and (max-height: 650px) {
  .slickSlide-pic {
    min-width: 500px;
    min-height: 500px; }

  .prew-footer {
    height: 260px; }

  .workshopHeader-main {
    margin-bottom: 409px; } }
.blog {
  margin-top: 87px; }
  .blog__content {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    text-align: center; }
  .blog__head {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    text-align: center; }
    .blog__head h1 {
      font-family: "ChampagneLimousines", sans-serif;
      font-weight: 600;
      font-size: 55px;
      color: #1550c3;
      text-shadow: 3px 3.5px 2.5px rgba(0, 0, 0, 0.2);
      -webkit-text-stroke-width: 1.5px;
      -webkit-text-stroke-color: #fff;
      z-index: 100; }
    .blog__head p {
      color: #d0d5d9;
      font-family: 'mr_RegisterWideBold';
      font-size: 32px;
      text-transform: uppercase;
      margin-top: 20px; }
    .blog__head--svg {
      margin-top: 88px;
      margin-bottom: 132px; }
  .blog__strip {
    width: 100%;
    height: 270px;
    background: url(../img/bg/mainBg.png);
    background-position-x: -4px;
    margin-top: -90px; }
    .blog__strip--second {
      margin-top: 0; }
  .blog__container {
    width: 847px;
    min-height: 34vh;
    margin: 0 auto;
    padding: 9px 9px;
    background-color: #fff;
    margin-top: -70px;
    z-index: 22; }
    .blog__container--second {
      margin-top: -90px;
      margin-bottom: 117px; }
  .blog__item {
    width: 828px;
    height: 158px;
    padding: 9px 0;
    margin: 0 auto;
    display: flex;
    border-bottom: 1px solid #798ea8; }
    .blog__item:nth-child(1) {
      border-top: 1px solid #798ea8; }
    .blog__item:hover .blog__info--title {
      color: #ff0027; }
    .blog__item:hover .blog__info--parag {
      color: #000; }
    .blog__item:hover .blog__image img {
      transform: scale(1.2); }
  .blog__image {
    display: inline-block;
    overflow: hidden;
    width: 307px;
    height: 100%; }
    .blog__image img {
      transition: transform 0.6s;
      display: block; }
  .blog__info {
    width: 521px;
    height: 100%;
    padding: 37px 0 0 57px;
    background-color: #f3f6fa;
    text-align: start;
    text-transform: uppercase; }
    .blog__info--title {
      font-family: "mr_RegisterWideBold", sans-serif;
      font-size: 28px;
      font-weight: bold;
      color: #798ea8; }
    .blog__info--parag {
      font-family: "ChampagneLimousines", sans-serif;
      font-weight: bold;
      font-size: 12px;
      color: #798ea8;
      margin-left: 19px;
      line-height: 1.167;
      margin-top: 4px; }

.recommend {
  margin-top: 87px; }
  .recommend__content {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    text-align: center;
    background-color: #fff;
    padding-bottom: 132px; }
    .recommend__content-text {
      margin-left: auto;
      margin-right: auto;
      display: flex;
      flex-direction: column;
      text-align: right;
      position: relative; }
      .recommend__content-text h1 {
        font-family: "ChampagneLimousines", sans-serif;
        font-weight: 600;
        font-size: 55px;
        color: #1550c3;
        text-shadow: 3px 3.5px 2.5px rgba(0, 0, 0, 0.2);
        -webkit-text-stroke-width: 1.5px;
        -webkit-text-stroke-color: #fff; }
      .recommend__content-text p {
        font-size: 17.5px;
        letter-spacing: 6.5px;
        text-transform: uppercase;
        color: black;
        position: absolute;
        right: 0; }
  .recommend-buttons-footer {
    margin-top: 0px !important;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center; }
    .recommend-buttons-footer .help-buttons_notAct {
      border: none; }
  .recommend__video h3:focus {
    border: none !important;
    outline: none !important; }
  .recommend__video .ui-state-active {
    border: none;
    color: #798ea8;
    font-weight: 600;
    font-size: 20px;
    border-radius: 0px;
    font-family: "ChampagneLimousines", sans-serif; }
  .recommend__video .ui-state-default {
    background-color: #fff;
    border: none;
    color: #798ea8;
    font-weight: 600;
    font-size: 27px;
    border-radius: 0px;
    font-family: "ChampagneLimousines", sans-serif;
    padding: 10px 40px 10px 40px; }
    .recommend__video .ui-state-default:hover {
      background-color: #e7ebef; }
  .recommend__video .ui-widget-content {
    background-color: #fff;
    color: #000;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: 400;
    padding: 16px 40px 40px 40px !important;
    width: 100%;
    display: flex;
    justify-content: center;
    border: none; }
  .recommend__video .ui-icon, .recommend__video .ui-widget-content .ui-icon {
    background: url("../img/icon/arrowaccordion.png") center/cover;
    z-index: 99;
    width: 20px;
    height: 20px;
    box-shadow: 4px 4px 11px 0px rgba(34, 60, 80, 0.2);
    border-radius: 50%;
    position: absolute;
    margin-top: 2px;
    right: 56px; }
  .recommend__video .ui-state-active .ui-icon {
    transform: rotate(180deg);
    box-shadow: -4px -4px 11px 0px rgba(34, 60, 80, 0.2); }
  .recommend__video-content__items {
    margin: 0 auto;
    width: 830px;
    padding-bottom: 150px;
    padding-top: 15px;
    position: relative;
    min-height: 600px; }
    .recommend__video-content__items-desc {
      width: 830px;
      padding: 20px 16px 0;
      text-align: left;
      font-size: 14px;
      color: #181818;
      margin: 25px auto 0;
      background-color: #fff;
      font-family: "Times New Roman", serif;
      position: relative; }
  .recommend__video-content__default {
    margin-top: 0 !important;
    padding-top: 10px !important; }
  .recommend__svg {
    margin-top: 88px; }
    .recommend__svg p {
      color: #d0d5d9;
      font-family: 'mr_RegisterWideBold';
      font-size: 32px;
      text-transform: uppercase;
      margin-top: 20px; }
  .recommend__main {
    margin: 0 auto;
    width: 815px;
    margin-top: 1px;
    padding: 7px 15px;
    background-color: #fff; }
  .recommend__items {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 9px 0px;
    margin: 0 auto;
    border-bottom: 1px solid #798ea8;
    transition: transform 0.6s; }
    .recommend__items-1 {
      border-top: 1px solid #798ea8; }
  .recommend__item {
    height: 385px;
    width: 385px;
    display: flex;
    flex-direction: column;
    border: 1px solid #798ea8; }
    .recommend__item:hover .recommend__caption, .recommend__item:hover .recommend__parag {
      background-color: #ff0027; }
    .recommend__item:hover .recommend__parag {
      color: #fff; }
    .recommend__item:hover img {
      transform: scale(1.2); }
  .recommend__caption, .recommend__image, .recommend__parag {
    display: flex;
    align-items: center;
    justify-content: center; }
  .recommend__caption, .recommend__parag {
    text-transform: uppercase;
    background-color: #e8e8e8;
    height: 55px;
    transition: background-color .3s; }
  .recommend__caption {
    font-family: 'mr_RegisterWideBold';
    font-size: 24px;
    color: #fff;
    text-shadow: 4px 2.5px 2px rgba(0, 0, 0, 0.22); }
  .recommend__image {
    overflow: hidden;
    height: 273px; }
    .recommend__image img {
      transition: transform 0.6s;
      display: block; }
  .recommend__parag {
    font-family: 'ChampagneLimousines';
    font-weight: bold;
    font-size: 13.94px;
    color: #798ea8;
    letter-spacing: 4px; }

.school__main {
  margin: 0 auto;
  width: 815px;
  margin-top: 1px;
  padding: 7px 15px;
  background-color: #fff; }
.school__items {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 9px 0px;
  margin: 0 auto;
  border-bottom: 1px solid #798ea8;
  transition: transform 0.6s; }
  .school__items-1 {
    border-top: 1px solid #798ea8; }
.school__item {
  height: 385px;
  width: 385px;
  display: flex;
  flex-direction: column;
  border: 1px solid #798ea8; }
  .school__item:hover .school__caption, .school__item:hover .school__parag {
    background-color: #000; }
  .school__item:hover .school__parag {
    color: #fff; }
  .school__item:hover img {
    transform: scale(1.2); }
.school__caption, .school__image, .school__parag {
  display: flex;
  align-items: center;
  justify-content: center; }
.school__caption, .school__parag {
  text-transform: uppercase;
  background-color: #e8e8e8;
  height: 55px;
  transition: background-color .3s; }
.school__caption {
  font-family: 'mr_RegisterWideBold';
  font-size: 24px;
  color: #fff;
  text-shadow: 4px 2.5px 2px rgba(0, 0, 0, 0.22); }
.school__image {
  overflow: hidden;
  height: 273px; }
  .school__image img {
    transition: transform 0.6s;
    display: block; }
.school__parag {
  font-family: 'ChampagneLimousines';
  font-weight: bold;
  font-size: 13.94px;
  color: #798ea8;
  letter-spacing: 4px; }

.events__main {
  margin: 0 auto;
  width: 825px;
  margin-top: 1px;
  padding: 7px 15px;
  background-color: #fff; }
.events__items {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 9px 0px;
  margin: 0 auto;
  transition: transform .6s;
  border-bottom: 1px solid #798ea8; }
  .events__items-1 {
    border-top: 1px solid #798ea8; }
.events__item {
  width: 390px;
  height: 385px;
  border: 1px solid #798ea8;
  display: flex;
  flex-direction: column;
  transition: background-color .3s; }
  .events__item:hover .events__caption, .events__item:hover .events__parag {
    background-color: black;
    color: #fff;
    text-shadow: none; }
  .events__item:hover img {
    transform: scale(1.2); }
.events__image {
  overflow: hidden;
  height: 290px; }
  .events__image img {
    width: 100%;
    height: 100%;
    transition: transform 0.6s;
    display: block; }
.events__parag {
  height: 95px;
  font-weight: bold;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  background-color: #e8e8e8;
  transition: background-color .3s;
  color: #798ea8; }
  .events__parag h1 {
    font-family: 'mr_RegisterWideBold';
    font-size: 24px;
    color: #fff;
    text-shadow: 4px 2.5px 2px rgba(0, 0, 0, 0.22);
    margin-bottom: 8px; }
  .events__parag p {
    font-family: 'ChampagneLimousines';
    font-size: 12px; }

.videoPres {
  margin-top: 87px; }
  .videoPres-accor {
    position: relative; }
    .videoPres-accor h3:focus {
      border: none !important;
      outline: none !important; }
    .videoPres-accor .ui-state-active {
      border: none;
      color: #798ea8;
      font-weight: 600;
      font-size: 20px;
      border-radius: 0px;
      font-family: "ChampagneLimousines", sans-serif; }
    .videoPres-accor .ui-state-default {
      background-color: #fff;
      border: none;
      color: #798ea8;
      font-weight: 600;
      font-size: 27px;
      border-radius: 0px;
      font-family: "ChampagneLimousines", sans-serif;
      padding: 10px 50px 10px 22px; }
      .videoPres-accor .ui-state-default:hover {
        background-color: #e7ebef; }
    .videoPres-accor .ui-widget-content {
      background-color: #fff;
      color: #000;
      font-size: 16px;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: 400;
      padding: 16px 70px 40px 70px !important;
      width: 100%;
      display: flex;
      justify-content: center;
      border: none; }
    .videoPres-accor .ui-icon, .videoPres-accor .ui-widget-content .ui-icon {
      background: url("../img/icon/arrowaccordion.png") center/cover;
      z-index: 99;
      width: 20px;
      height: 20px;
      box-shadow: 4px 4px 11px 0px rgba(34, 60, 80, 0.2);
      border-radius: 50%;
      position: absolute;
      margin-top: 6px;
      right: 8px; }
    .videoPres-accor .ui-state-active .ui-icon {
      transform: rotate(180deg);
      box-shadow: -4px -4px 11px 0px rgba(34, 60, 80, 0.2); }
  .videoPres-content {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    text-align: center;
    background-color: #fff; }
    .videoPres-content__head p {
      font-family: "ChampagneLimousines", sans-serif;
      font-size: 17px;
      font-weight: 600; }
    .videoPres-content__main {
      margin: 0 auto;
      min-height: 600px; }
      .videoPres-content__main-desc {
        width: 830px;
        padding: 20px 16px;
        text-align: justify;
        font-size: 14px;
        color: #181818;
        margin: 25px auto 66px;
        background-color: #fff;
        font-family: "Times New Roman", serif; }
  .videoPres h1 {
    font-family: "ChampagneLimousines", sans-serif;
    font-weight: 600;
    font-size: 55px;
    color: #1550c3;
    text-shadow: 3px 3.5px 2.5px rgba(0, 0, 0, 0.2);
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #fff;
    z-index: 100; }
  .videoPres-buttons {
    margin: 0 auto;
    display: flex;
    justify-content: space-around;
    text-align: center;
    align-items: center;
    color: #798ea8; }
    .videoPres-buttons p {
      font-family: "ChampagneLimousines", sans-serif;
      font-size: 17px;
      font-weight: 600; }
    .videoPres-buttons_active {
      background-color: #798ea8;
      color: #fff;
      box-shadow: none; }
    .videoPres-buttons_notAct {
      color: #798ea8;
      background-color: #fff;
      box-shadow: 1.847px 2.364px 7.83px 1.17px rgba(108, 106, 106, 0.25); }
      .videoPres-buttons_notAct:hover {
        background-color: #798ea8;
        color: #fff;
        box-shadow: none; }
  .videoPres-button {
    display: flex;
    align-items: center;
    height: 31px;
    cursor: pointer;
    transition-duration: .3s;
    border-radius: 23px;
    padding-left: 20px;
    padding-right: 20px;
    margin: 0 20px; }

.videoPres-conc, .videoPres-gal, .videoPres-gen {
  display: none; }

.message {
  padding-top: 87px; }
  .message .blue {
    color: #2188ff;
    text-decoration: underline;
    cursor: pointer; }
  .message-hide {
    opacity: 1;
    animation-name: message1;
    animation-fill-mode: forwards; }
  .message-title {
    margin: 0 auto;
    width: 100%;
    display: flex;
    text-align: center;
    justify-content: center; }
    .message-title h1 {
      font-family: "ChampagneLimousines", sans-serif;
      font-weight: 600;
      font-size: 55px;
      color: #1550c3;
      text-shadow: 3px 3.5px 2.5px rgba(0, 0, 0, 0.2);
      -webkit-text-stroke-width: 1.5px;
      -webkit-text-stroke-color: #fff;
      z-index: 100; }
  .message-content {
    width: 100%;
    margin: 0 auto;
    margin-bottom: 90px;
    display: flex;
    flex-direction: column;
    align-items: center; }
    .message-content__button {
      height: 31px;
      cursor: pointer;
      transition-duration: .3s;
      border-radius: 23px;
      font-family: "ChampagneLimousines", sans-serif;
      font-size: 17px;
      font-weight: 600;
      padding-left: 20px;
      padding-right: 20px;
      margin: 0 20px; }
      .message-content__button-notactive {
        background-color: #fff;
        color: #798ea8;
        border: none;
        box-shadow: 1.847px 2.364px 7.83px 1.17px rgba(108, 106, 106, 0.25); }
        .message-content__button-notactive:hover {
          box-shadow: none;
          color: #fff;
          background-color: #798ea8; }
      .message-content__button-active {
        box-shadow: none;
        color: #fff;
        background-color: #798ea8;
        border: none; }
    .message-content__radiobutton {
      color: #798ea8;
      font-size: 17px;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      z-index: 99; }
      .message-content__radiobutton div {
        margin-bottom: 4px; }
      .message-content__radiobutton--dropdown {
        position: absolute;
        display: none;
        margin-top: 15px;
        margin-bottom: 15px !important;
        margin-left: 50px;
        width: 210px;
        background-color: #fff;
        border: 1px solid #d0d8e1; }
        .message-content__radiobutton--dropdown li {
          padding: 7px 10px 8px;
          font-weight: bold;
          font-size: 14px;
          color: #475566;
          transition: all 0.3s; }
          .message-content__radiobutton--dropdown li:hover {
            background-color: #d0d8e1;
            cursor: pointer; }
    .message-content__span {
      height: 9px;
      border-bottom: 1px solid #798ea8;
      width: 830px; }
    .message-content__item {
      position: relative;
      height: 122px;
      width: 830px;
      border-bottom: 1px solid #798ea8;
      padding: 9px 0;
      display: flex; }
      .message-content__item-tooltip {
        right: 25px;
        bottom: 10px;
        visibility: hidden;
        position: absolute;
        background-color: #fff;
        border: 1px solid #798ea8;
        z-index: 99999999999;
        font-size: 14px;
        font-weight: bold;
        color: #798ea8;
        text-align: left;
        padding: 6px 10px;
        transition: opacity 0.5s;
        box-shadow: 0px 5px 6.51px 0.49px rgba(0, 0, 0, 0.22);
        width: 200px;
        height: auto; }
        .message-content__item-tooltip-hover {
          margin-right: 7px;
          cursor: pointer; }
          .message-content__item-tooltip-hover:hover + .message-content__item-tooltip {
            visibility: visible; }
      .message-content__item-left {
        display: flex;
        flex-direction: column;
        justify-content: center;
        width: 236px;
        height: 103px; }
        .message-content__item-left-div {
          margin: 0 18px; }
        .message-content__item-left h1 {
          font-family: 'a_BighausTitulExtraBolt';
          font-size: 22px;
          text-transform: uppercase;
          text-shadow: 3px 3px 0.5px black;
          color: #fff; }
        .message-content__item-left h2 {
          font-size: 17px;
          font-weight: bold;
          text-shadow: 2px 2px 0px black;
          color: #fff; }
        .message-content__item-left span {
          font-size: 17px;
          font-weight: bold;
          text-shadow: 2px 2px 0px black;
          color: #fff !important;
          text-decoration: none !important; }
      .message-content__item-right {
        padding-top: 5px;
        padding-left: 19px;
        padding-bottom: 5px;
        width: 592px;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        color: #798ea8;
        font-weight: 600;
        background-color: #f3f6fa; }
        .message-content__item-right h1 {
          font-size: 17px;
          font-weight: bold;
          color: #000; }
        .message-content__item-right p {
          margin-left: 20px;
          color: #798ea8;
          font-weight: 600; }
        .message-content__item-right--bottom {
          display: flex;
          justify-content: space-between;
          align-items: flex-end; }
          .message-content__item-right--bottom-dateTime {
            display: flex;
            font-size: 17px;
            font-family: 'astronaut'; }
          .message-content__item-right--bottom-date {
            font-size: 17px;
            font-family: 'astronaut'; }
      .message-content__item-Lsport {
        background: url(../img/bg/bg_notific/bg_sport.png); }
      .message-content__item-Lfish {
        background: url(../img/bg/bg_notific/bg_fish.png); }
      .message-content__item-Lfollower {
        background: #dadde1;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0 16px 0 8px; }
        .message-content__item-Lfollower--img {
          width: 95px;
          height: 95px;
          border-radius: 50%;
          border: 2px solid white;
          transition: all 0.3s;
          background: url(../img/geniarium/avatar/a4/avatar_d.png) center/cover; }
          .message-content__item-Lfollower--img:hover {
            background: url(../img/geniarium/avatar/a4/avatar_h.png) center/cover; }
        .message-content__item-Lfollower--button {
          display: flex;
          justify-content: center;
          align-items: center;
          width: 100px;
          height: 25px;
          border-radius: 13px;
          font-size: 14px;
          font-weight: bold;
          transition: all 0.3s;
          cursor: pointer; }
      .message-content__item-Lyear {
        background: url(../img/bg/bg_notific/bg_year.png); }
      .message-content__item-Lplastic {
        background: url(../img/bg/bg_notific/bg_plastic.png); }
      .message-content__item-Lpencil {
        background: url(../img/bg/bg_notific/bg_pencil.png); }
      .message-content__item-Lacva {
        background: url(../img/bg/bg_notific/bg_acva.png); }
      .message-content__item-Lart {
        background: url(../img/bg/bg_notific/bg_art.png); }
      .message-content__item-Laccept {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0 34px 0 6px;
        background: #dadde1; }
        .message-content__item-Laccept div {
          width: 90px;
          height: 90px;
          margin-left: 0 !important;
          background: url(../img/co/co_9/18.png) center/cover;
          border: 2px solid white;
          cursor: pointer; }
      .message-content__item-Lnotaccept {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0 34px 0 6px;
        background: #dadde1; }
        .message-content__item-Lnotaccept div {
          width: 90px;
          height: 90px;
          margin-left: 0 !important;
          background: url(../img/co/co_6/13.png) center/cover;
          border: 2px solid white;
          cursor: pointer; }
      .message-content__item-Llike {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0 5px;
        background: #dadde1; }
        .message-content__item-Llike--img {
          width: 95px;
          height: 95px;
          border-radius: 50%;
          border: 2px solid white;
          transition: all 0.3s;
          background: url(../img/geniarium/avatar/a3/avatar_d.png) center/cover; }
          .message-content__item-Llike--img:hover {
            background: url(../img/geniarium/avatar/a3/avatar_h.png) center/cover; }
        .message-content__item-Llike--like {
          width: 22px;
          height: 22px;
          border-radius: 50%;
          background: url(../img/icon/like.png); }
        .message-content__item-Llike--work {
          width: 95px;
          height: 95px;
          margin-left: 0 !important;
          background: url(../img/co/co_4/27.png) center/cover;
          border: 2px solid white;
          cursor: pointer; }
      .message-content__item-Lplanet {
        background: url(../img/bg/bg_notific/bg_planet.png); }
      .message-content__item-Lcomm {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        padding: 0 5px;
        background: #dadde1; }
        .message-content__item-Lcomm--img {
          width: 95px;
          height: 95px;
          border-radius: 50%;
          border: 2px solid white;
          transition: all 0.3s;
          background: url(../img/geniarium/avatar/a9/avatar_d.png) center/cover; }
          .message-content__item-Lcomm--img:hover {
            background: url(../img/geniarium/avatar/a9/avatar_h.png) center/cover; }
        .message-content__item-Lcomm--comm {
          width: 22px;
          height: 22px;
          border-radius: 50%;
          background: url(../img/icon/comments_2.png) center/cover; }
        .message-content__item-Lcomm--work {
          width: 95px;
          height: 95px;
          margin-left: 0 !important;
          background: url(../img/co/co_3/7.png) center/cover;
          border: 2px solid white;
          cursor: pointer; }
      .message-content__item-Lyou {
        background: url(../img/bg/bg_notific/bg_you.png); }
        .message-content__item-Lyou h1 {
          text-transform: none !important; }
      .message-content__item-Lwin {
        background: url(../img/bg/bg_notific/bg_win.png); }

@keyframes message1 {
  to {
    opacity: 0;
    min-width: 0;
    min-height: 0;
    padding: 0;
    margin: 0;
    border: 0;
    position: absolute; } }
.product {
  margin-top: 87px; }
  .product-content {
    width: 100%;
    margin: 0 auto; }
    .product-content__head {
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      text-align: center; }
      .product-content__head h1 {
        font-family: "ChampagneLimousines", sans-serif;
        font-weight: 600;
        font-size: 55px;
        color: #1550c3;
        text-shadow: 3px 3.5px 2.5px rgba(0, 0, 0, 0.2);
        -webkit-text-stroke-width: 1.5px;
        -webkit-text-stroke-color: #fff;
        z-index: 100; }
    .product-content__main {
      width: 662px;
      padding: 20px 16px;
      text-align: justify;
      font-size: 14px;
      color: #000;
      margin: 30px auto 119px;
      background-color: #fff;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: bold;
      font-size: 20px; }
      .product-content__main--ul {
        line-height: 2; }
        .product-content__main--ul a {
          text-transform: uppercase; }
      .product-content__main--ul_2 {
        margin-left: 35px;
        line-height: 1.5; }
      .product-content__main--li {
        margin-bottom: 14px; }
      .product-content__main a {
        transition: all 0.3s;
        color: #000;
        display: inline-block;
        position: relative; }
        .product-content__main a:after {
          content: "";
          display: block;
          width: 0%;
          position: absolute;
          bottom: -1px;
          left: 50%;
          transform: translateX(-50%);
          height: 1px;
          background-color: #798ea8; }
        .product-content__main a:hover {
          color: #798ea8; }
          .product-content__main a:hover:after {
            animation: linkAnim 0.5s forwards; }

.politics-title {
  padding-top: 87px;
  margin: 0 auto;
  width: 100%;
  text-align: center; }
  .politics-title h1 {
    font-family: "ChampagneLimousines", sans-serif;
    font-weight: 600;
    font-size: 55px;
    color: #1550c3;
    text-shadow: 3px 3.5px 2.5px rgba(0, 0, 0, 0.2);
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #fff; }
  .politics-title a {
    width: 364px;
    height: 34px;
    background: #fff;
    border-radius: 23px;
    font-size: 17px;
    font-weight: bold;
    box-shadow: 4px 4px 11px 0px rgba(34, 60, 80, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s; }
    .politics-title a:hover {
      color: #fff;
      background-color: #798ea8; }
.politics-item2 {
  font-size: 16px;
  margin-bottom: 22px; }
  .politics-item2:before {
    margin-left: -47px;
    margin-right: 24px; }
.politics-desc {
  margin-top: 0px !important; }
  .politics-desc p {
    margin: 30px 0 5px; }
  .politics-desc__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%; }
    .politics-desc__item--img {
      display: flex;
      align-items: center;
      justify-content: flex-start; }
      .politics-desc__item--img img {
        width: 49px;
        height: auto;
        margin-right: 10px; }
    .politics-desc__item--date {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      margin-right: 35px;
      font-weight: 600;
      font-size: 10px; }
  .politics-desc__menu {
    font-family: "Arial", sans-serif;
    color: #000;
    padding-left: 30px; }
    .politics-desc__menu h3 {
      font-weight: bold;
      text-transform: uppercase;
      text-align: center;
      font-size: 28px;
      margin: 5px 0px 50px 0; }
    .politics-desc__menu a {
      font-family: "Arial", sans-serif;
      font-weight: bold;
      color: #000;
      transition: all 0.3s;
      display: inline-block;
      position: relative; }
      .politics-desc__menu a:after {
        content: "";
        display: block;
        width: 0%;
        position: absolute;
        bottom: -4px;
        left: 50%;
        transform: translateX(-50%);
        height: 1px;
        background-color: #798ea8; }
      .politics-desc__menu a:hover {
        color: #798ea8; }
        .politics-desc__menu a:hover:after {
          animation: linkAnim 0.5s forwards; }
    .politics-desc__menu-1 {
      line-height: 2;
      text-transform: uppercase; }
      .politics-desc__menu-1 a {
        font-size: 16px; }
  .politics-desc__content {
    margin-top: 100px;
    color: #000;
    font-family: "Arial", sans-serif; }
    .politics-desc__content p {
      text-indent: 0;
      font-size: 16px;
      line-height: 22px; }
    .politics-desc__content .bold {
      font-weight: bold;
      text-transform: uppercase;
      margin-bottom: 39px;
      margin-top: 39px;
      position: relative; }
      .politics-desc__content .bold span {
        position: absolute;
        top: -50px; }
    .politics-desc__content--item-box {
      margin-left: 40px;
      line-height: 22px; }
      .politics-desc__content--item-box__elem {
        display: flex;
        margin-left: 50px;
        font-size: 16px;
        margin-bottom: 22px; }
      .politics-desc__content--item-box__num {
        margin-right: 24px; }
      .politics-desc__content--item-box__text ul {
        margin-left: 18px; }
      .politics-desc__content--item-box__text li {
        list-style: disc;
        padding-left: 10px; }
    .politics-desc__content--item--subparagraph {
      display: flex;
      margin-left: 80px;
      line-height: 20px; }
    .politics-desc__content--item > p {
      margin: 30px 0 5px; }
  .politics-desc__arrow {
    display: none;
    position: fixed;
    right: 10%;
    top: 75%;
    cursor: pointer;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background-color: rgba(204, 204, 204, 0.15);
    transition: all 0.3s; }
    .politics-desc__arrow:hover {
      background-color: rgba(204, 204, 204, 0.4); }
    .politics-desc__arrow img {
      transform: rotate(-90deg); }

.parallel-title {
  padding-top: 87px;
  margin: 0 auto;
  width: 100%;
  text-align: center; }
  .parallel-title h1 {
    font-family: "ChampagneLimousines", sans-serif;
    font-weight: 600;
    font-size: 55px;
    color: #1550c3;
    text-shadow: 3px 3.5px 2.5px rgba(0, 0, 0, 0.2);
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #fff; }
  .parallel-title a {
    width: 364px;
    height: 34px;
    background: #fff;
    border-radius: 23px;
    font-size: 17px;
    font-weight: bold;
    box-shadow: 4px 4px 11px 0px rgba(34, 60, 80, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s; }
    .parallel-title a:hover {
      color: #fff;
      background-color: #798ea8; }
.parallel-item2 {
  font-size: 16px;
  margin-bottom: 5px; }
.parallel-desc {
  margin-top: 0px !important; }
  .parallel-desc p {
    margin: 30px 0 5px; }
  .parallel-desc__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%; }
    .parallel-desc__item--img {
      display: flex;
      align-items: center;
      justify-content: flex-start; }
      .parallel-desc__item--img img {
        width: 49px;
        height: auto;
        margin-right: 10px; }
    .parallel-desc__item--date {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      margin-right: 35px;
      font-weight: 600;
      font-size: 10px; }
  .parallel-desc__menu {
    font-family: "Arial", sans-serif;
    color: #000;
    padding-left: 30px; }
    .parallel-desc__menu h3 {
      font-weight: bold;
      text-transform: uppercase;
      text-align: center;
      font-size: 28px;
      margin: 5px 0px 50px 0; }
    .parallel-desc__menu a {
      font-family: "Arial", sans-serif;
      font-weight: bold;
      color: #000;
      transition: all 0.3s;
      display: inline-block;
      position: relative; }
      .parallel-desc__menu a:after {
        content: "";
        display: block;
        width: 0%;
        position: absolute;
        bottom: -4px;
        left: 50%;
        transform: translateX(-50%);
        height: 1px;
        background-color: #798ea8; }
      .parallel-desc__menu a:hover {
        color: #798ea8; }
        .parallel-desc__menu a:hover:after {
          animation: linkAnim 0.5s forwards; }
    .parallel-desc__menu-1 {
      line-height: 2; }
      .parallel-desc__menu-1 a {
        font-size: 16px; }
  .parallel-desc__content {
    margin-top: 60px;
    color: #000;
    font-family: "Arial", sans-serif; }
    .parallel-desc__content p {
      text-indent: 0;
      font-size: 16px;
      line-height: 22px; }
    .parallel-desc__content .boldUnderline {
      font-weight: bold;
      text-decoration: underline; }
      .parallel-desc__content .boldUnderline-center {
        width: 73px;
        font-weight: bold;
        text-decoration: underline;
        margin: 0 auto;
        margin-bottom: 65px !important; }
    .parallel-desc__content--item-box {
      margin-left: 40px;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      line-height: 22px; }
      .parallel-desc__content--item-box li {
        list-style: disc; }
        .parallel-desc__content--item-box li li {
          list-style: circle;
          margin-left: 40px; }
    .parallel-desc__content--item--subparagraph {
      display: flex;
      margin-left: 80px;
      line-height: 20px; }
    .parallel-desc__content--item > p {
      margin: 30px 0 5px; }
  .parallel-desc__arrow {
    display: none;
    position: fixed;
    right: 10%;
    top: 75%;
    cursor: pointer;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background-color: rgba(204, 204, 204, 0.15);
    transition: all 0.3s; }
    .parallel-desc__arrow:hover {
      background-color: rgba(204, 204, 204, 0.4); }
    .parallel-desc__arrow img {
      transform: rotate(-90deg); }

.monet-title {
  padding-top: 87px;
  margin: 0 auto;
  width: 100%;
  text-align: center; }
  .monet-title h1 {
    font-family: "ChampagneLimousines", sans-serif;
    font-weight: 600;
    font-size: 55px;
    color: #1550c3;
    text-shadow: 3px 3.5px 2.5px rgba(0, 0, 0, 0.2);
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #fff; }
  .monet-title a {
    width: 364px;
    height: 34px;
    background: #fff;
    border-radius: 23px;
    font-size: 17px;
    font-weight: bold;
    box-shadow: 4px 4px 11px 0px rgba(34, 60, 80, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s; }
    .monet-title a:hover {
      color: #fff;
      background-color: #798ea8; }
.monet-item2 {
  font-size: 16px;
  margin-bottom: 15px; }
.monet-desc {
  margin-top: 0px !important; }
  .monet-desc p {
    margin: 30px 0 5px; }
  .monet-desc__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%; }
    .monet-desc__item--img {
      display: flex;
      align-items: center;
      justify-content: flex-start; }
      .monet-desc__item--img img {
        width: 49px;
        height: auto;
        margin-right: 10px; }
    .monet-desc__item--date {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      margin-right: 35px;
      font-weight: 600;
      font-size: 10px; }
  .monet-desc__menu {
    font-family: "Arial", sans-serif;
    color: #000;
    padding-left: 30px; }
    .monet-desc__menu h3 {
      font-weight: bold;
      text-transform: uppercase;
      text-align: center;
      font-size: 28px;
      margin: 5px 0px 50px 0; }
    .monet-desc__menu a {
      font-family: "Arial", sans-serif;
      font-weight: bold;
      color: #000;
      transition: all 0.3s;
      display: inline-block;
      position: relative; }
      .monet-desc__menu a:after {
        content: "";
        display: block;
        width: 0%;
        position: absolute;
        bottom: -4px;
        left: 50%;
        transform: translateX(-50%);
        height: 1px;
        background-color: #798ea8; }
      .monet-desc__menu a:hover {
        color: #798ea8; }
        .monet-desc__menu a:hover:after {
          animation: linkAnim 0.5s forwards; }
    .monet-desc__menu-1 {
      line-height: 2; }
      .monet-desc__menu-1 a {
        font-size: 16px;
        text-transform: uppercase; }
  .monet-desc__content {
    margin-top: 100px;
    color: #000;
    font-family: "Arial", sans-serif; }
    .monet-desc__content p {
      text-indent: 0;
      font-size: 16px;
      line-height: 22px; }
    .monet-desc__content .boldUnderline {
      font-weight: bold;
      text-decoration: underline; }
    .monet-desc__content--item-box {
      margin-left: 40px;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      line-height: 22px; }
      .monet-desc__content--item-box li {
        list-style: disc; }
        .monet-desc__content--item-box li li {
          list-style: circle;
          margin-left: 40px; }
    .monet-desc__content--item--subparagraph {
      display: flex;
      margin-left: 80px;
      line-height: 20px; }
    .monet-desc__content--item > p {
      margin: 30px 0 5px; }
  .monet-desc__arrow {
    display: none;
    position: fixed;
    right: 10%;
    top: 75%;
    cursor: pointer;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background-color: rgba(204, 204, 204, 0.15);
    transition: all 0.3s; }
    .monet-desc__arrow:hover {
      background-color: rgba(204, 204, 204, 0.4); }
    .monet-desc__arrow img {
      transform: rotate(-90deg); }

.business_model-title {
  padding-top: 87px;
  margin: 0 auto;
  width: 100%;
  text-align: center; }
  .business_model-title h1 {
    font-family: "ChampagneLimousines", sans-serif;
    font-weight: 600;
    font-size: 55px;
    color: #1550c3;
    text-shadow: 3px 3.5px 2.5px rgba(0, 0, 0, 0.2);
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #fff; }
  .business_model-title a {
    width: 364px;
    height: 34px;
    background: #fff;
    border-radius: 23px;
    font-size: 17px;
    font-weight: bold;
    box-shadow: 4px 4px 11px 0px rgba(34, 60, 80, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s; }
    .business_model-title a:hover {
      color: #fff;
      background-color: #798ea8; }
.business_model-item2 {
  font-size: 16px;
  margin-bottom: 15px; }
.business_model-item3 {
  font-size: 16px; }
.business_model-desc {
  text-align: left !important;
  margin-top: 0px !important; }
  .business_model-desc p {
    margin: 30px 0 5px; }
  .business_model-desc__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%; }
    .business_model-desc__item--img {
      display: flex;
      align-items: center;
      justify-content: flex-start; }
      .business_model-desc__item--img img {
        width: 49px;
        height: auto;
        margin-right: 10px; }
    .business_model-desc__item--date {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      margin-right: 35px;
      font-weight: 600;
      font-size: 10px; }
  .business_model-desc__menu {
    font-family: "Arial", sans-serif;
    color: #000;
    padding-left: 30px; }
    .business_model-desc__menu h3 {
      font-weight: bold;
      text-transform: uppercase;
      text-align: center;
      font-size: 28px;
      margin: 5px 0px 50px 0; }
    .business_model-desc__menu a {
      font-family: "Arial", sans-serif;
      font-weight: bold;
      color: #000;
      transition: all 0.3s;
      display: inline-block;
      position: relative; }
      .business_model-desc__menu a:after {
        content: "";
        display: block;
        width: 0%;
        position: absolute;
        bottom: -4px;
        left: 50%;
        transform: translateX(-50%);
        height: 1px;
        background-color: #798ea8; }
      .business_model-desc__menu a:hover {
        color: #798ea8; }
        .business_model-desc__menu a:hover:after {
          animation: linkAnim 0.5s forwards; }
    .business_model-desc__menu-1 {
      line-height: 2; }
      .business_model-desc__menu-1 a {
        font-size: 16px; }
    .business_model-desc__menu-2 {
      margin-left: 35px;
      line-height: 1.5; }
      .business_model-desc__menu-2 a {
        font-size: 16px;
        text-transform: none; }
      .business_model-desc__menu-2--li {
        margin-bottom: 12px; }
  .business_model-desc__content {
    margin-top: 100px;
    color: #000;
    font-family: "Arial", sans-serif; }
    .business_model-desc__content h3 {
      font-weight: bold;
      text-transform: uppercase;
      text-align: center;
      font-size: 28px;
      margin: 50px 0; }
    .business_model-desc__content p {
      text-indent: 0;
      font-size: 16px;
      line-height: 22px; }
    .business_model-desc__content .boldUnderline {
      font-weight: bold;
      text-decoration: underline; }
    .business_model-desc__content .boldUppercase {
      font-weight: bold;
      text-transform: uppercase; }
    .business_model-desc__content1 {
      margin-bottom: 22px; }
      .business_model-desc__content1 p {
        margin: 0 !important; }
    .business_model-desc__content3 {
      font-size: 16px;
      line-height: 22px; }
      .business_model-desc__content3--item {
        margin-top: 10px;
        margin-bottom: 10px;
        margin-left: 40px;
        display: flex;
        align-items: flex-start;
        justify-content: flex-start;
        line-height: 22px; }
        .business_model-desc__content3--item li {
          list-style: disc; }
          .business_model-desc__content3--item li li {
            list-style: circle;
            margin-left: 40px; }
      .business_model-desc__content3--subparagraph {
        display: flex;
        margin-left: 80px;
        line-height: 20px; }
      .business_model-desc__content3 > p {
        margin: 30px 0 5px; }
    .business_model-desc__content--item-box {
      margin-left: 40px;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      line-height: 22px; }
      .business_model-desc__content--item-box li {
        list-style: disc; }
        .business_model-desc__content--item-box li li {
          list-style: circle;
          margin-left: 40px; }
    .business_model-desc__content--item--subparagraph {
      display: flex;
      margin-left: 80px;
      line-height: 20px; }
    .business_model-desc__content--item > p {
      margin: 30px 0 5px; }
  .business_model-desc__arrow {
    display: none;
    position: fixed;
    right: 10%;
    top: 75%;
    cursor: pointer;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background-color: rgba(204, 204, 204, 0.15);
    transition: all 0.3s; }
    .business_model-desc__arrow:hover {
      background-color: rgba(204, 204, 204, 0.4); }
    .business_model-desc__arrow img {
      transform: rotate(-90deg); }

.actorPortal {
  margin-top: 87px; }
  .actorPortal__content {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    text-align: center; }
  .actorPortal h1 {
    font-family: "ChampagneLimousines", sans-serif;
    font-weight: 600;
    font-size: 55px;
    color: #1550c3;
    text-shadow: 3px 3.5px 2.5px rgba(0, 0, 0, 0.2);
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #fff;
    z-index: 100; }
  .actorPortal p {
    color: #d0d5d9;
    font-family: 'mr_RegisterWideBold';
    font-size: 32px;
    text-transform: uppercase;
    margin-top: 20px; }
  .actorPortal__svg {
    margin-top: 88px;
    margin-bottom: 132px; }

.actorBusiness {
  margin-top: 87px; }
  .actorBusiness__content {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    text-align: center; }
  .actorBusiness h1 {
    font-family: "ChampagneLimousines", sans-serif;
    font-weight: 600;
    font-size: 55px;
    color: #1550c3;
    text-shadow: 3px 3.5px 2.5px rgba(0, 0, 0, 0.2);
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #fff;
    z-index: 100; }
  .actorBusiness p {
    color: #d0d5d9;
    font-family: 'mr_RegisterWideBold';
    font-size: 32px;
    text-transform: uppercase;
    margin-top: 20px; }
  .actorBusiness__svg {
    margin-top: 88px;
    margin-bottom: 132px; }

.team-title {
  padding-top: 87px;
  margin: 0 auto;
  width: 100%;
  text-align: center; }
  .team-title h1 {
    font-family: "ChampagneLimousines", sans-serif;
    font-weight: 600;
    font-size: 55px;
    color: #1550c3;
    text-shadow: 3px 3.5px 2.5px rgba(0, 0, 0, 0.2);
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #fff; }
  .team-title a {
    width: 364px;
    height: 34px;
    background: #fff;
    border-radius: 23px;
    font-size: 17px;
    font-weight: bold;
    box-shadow: 4px 4px 11px 0px rgba(34, 60, 80, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s; }
    .team-title a:hover {
      color: #fff;
      background-color: #798ea8; }
.team-item2 {
  font-size: 16px;
  margin-bottom: 15px; }
.team-desc {
  margin-bottom: 0 !important;
  padding-bottom: 119px;
  margin-top: 0px !important; }
  .team-desc p {
    margin: 30px 0 5px; }
  .team-desc__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%; }
    .team-desc__item--img {
      display: flex;
      align-items: center;
      justify-content: flex-start; }
      .team-desc__item--img img {
        width: 49px;
        height: auto;
        margin-right: 10px; }
    .team-desc__item--date {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      margin-right: 35px;
      font-weight: 600;
      font-size: 10px; }
  .team-desc__menu {
    font-family: "Arial", sans-serif;
    color: #000; }
    .team-desc__menu h3 {
      font-weight: bold;
      text-transform: uppercase;
      text-align: center;
      font-size: 28px;
      margin: 5px 0px 50px 0; }
    .team-desc__menu a {
      font-family: "Arial", sans-serif;
      font-weight: bold;
      color: #000;
      transition: all 0.3s;
      display: inline-block;
      position: relative; }
      .team-desc__menu a:after {
        content: "";
        display: block;
        width: 0%;
        position: absolute;
        bottom: -4px;
        left: 50%;
        transform: translateX(-50%);
        height: 1px;
        background-color: #798ea8; }
      .team-desc__menu a:hover {
        color: #798ea8; }
        .team-desc__menu a:hover:after {
          animation: linkAnim 0.5s forwards; }
    .team-desc__menu-1 {
      line-height: 2;
      padding-left: 150px; }
      .team-desc__menu-1 a {
        font-size: 16px;
        text-transform: none; }
  .team-desc__content {
    margin-top: 100px;
    color: #000;
    font-family: "Arial", sans-serif; }
    .team-desc__content h3 {
      font-size: 28px;
      font-weight: bold;
      text-transform: uppercase;
      text-align: center;
      margin: 50px 0;
      position: relative; }
      .team-desc__content h3 span {
        position: absolute;
        top: -50px; }
    .team-desc__content p {
      text-indent: 0;
      font-size: 16px;
      line-height: 22px; }
    .team-desc__content .boldUnderline {
      font-weight: bold;
      text-decoration: underline;
      text-align: left; }
      .team-desc__content .boldUnderline-top {
        margin-top: 0 !important; }
    .team-desc__content .remark {
      margin: 0 !important; }
      .team-desc__content .remark p {
        margin: 0 !important; }
    .team-desc__content .twoColumns {
      display: flex; }
    .team-desc__content--item-flex {
      display: flex; }
      .team-desc__content--item-flex-1 {
        width: 400px; }
        .team-desc__content--item-flex-1 li {
          margin-bottom: 0px !important;
          font-size: 16px; }
      .team-desc__content--item-flex-2 {
        width: 200px; }
        .team-desc__content--item-flex-2 p {
          margin: 0 !important; }
    .team-desc__content--item-box {
      margin-left: 40px;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      line-height: 22px; }
      .team-desc__content--item-box li {
        list-style: disc; }
        .team-desc__content--item-box li li {
          list-style: circle;
          margin-left: 40px; }
    .team-desc__content--item--subparagraph {
      display: flex;
      margin-left: 80px;
      line-height: 20px; }
    .team-desc__content--item > p {
      margin: 30px 0 5px; }
  .team-desc__arrow {
    display: none;
    position: fixed;
    right: 10%;
    top: 75%;
    cursor: pointer;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background-color: rgba(204, 204, 204, 0.15);
    transition: all 0.3s; }
    .team-desc__arrow:hover {
      background-color: rgba(204, 204, 204, 0.4); }
    .team-desc__arrow img {
      transform: rotate(-90deg); }

.investments__title {
  padding-top: 87px;
  margin: 0 auto;
  width: 100%;
  text-align: center; }
  .investments__title h1 {
    font-family: "ChampagneLimousines", sans-serif;
    font-weight: 600;
    font-size: 55px;
    color: #1550c3;
    text-shadow: 3px 3.5px 2.5px rgba(0, 0, 0, 0.2);
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #fff; }
  .investments__title a {
    width: 364px;
    height: 34px;
    background: #fff;
    border-radius: 23px;
    font-size: 17px;
    font-weight: bold;
    box-shadow: 4px 4px 11px 0px rgba(34, 60, 80, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s; }
    .investments__title a:hover {
      color: #fff;
      background-color: #798ea8; }
.investments-item2 {
  font-size: 16px;
  margin-bottom: 5px; }
.investments-desc {
  margin-top: 0px !important; }
  .investments-desc p {
    margin: 30px 0 5px; }
  .investments-desc__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%; }
    .investments-desc__item--img {
      display: flex;
      align-items: center;
      justify-content: flex-start; }
      .investments-desc__item--img img {
        width: 49px;
        height: auto;
        margin-right: 10px; }
    .investments-desc__item--date {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      margin-right: 35px;
      font-weight: 600;
      font-size: 10px; }
  .investments-desc__menu {
    font-family: "Arial", sans-serif;
    color: #000;
    padding-left: 30px; }
    .investments-desc__menu h3 {
      font-weight: bold;
      text-transform: uppercase;
      text-align: center;
      font-size: 28px;
      margin: 5px 0px 50px 0; }
    .investments-desc__menu a {
      font-family: "Arial", sans-serif;
      font-weight: bold;
      color: #000;
      transition: all 0.3s;
      display: inline-block;
      position: relative; }
      .investments-desc__menu a:after {
        content: "";
        display: block;
        width: 0%;
        position: absolute;
        bottom: -4px;
        left: 50%;
        transform: translateX(-50%);
        height: 1px;
        background-color: #798ea8; }
      .investments-desc__menu a:hover {
        color: #798ea8; }
        .investments-desc__menu a:hover:after {
          animation: linkAnim 0.5s forwards; }
    .investments-desc__menu-1 {
      line-height: 2; }
      .investments-desc__menu-1 a {
        font-size: 16px; }
  .investments-desc__content {
    margin-top: 60px;
    color: #000;
    font-family: "Arial", sans-serif; }
    .investments-desc__content p {
      text-indent: 0;
      font-size: 16px;
      line-height: 22px; }
    .investments-desc__content .boldUnderline {
      font-weight: bold;
      text-decoration: underline; }
      .investments-desc__content .boldUnderline-center {
        font-weight: bold;
        text-decoration: underline;
        text-align: center;
        margin-bottom: 20px;
        position: relative; }
        .investments-desc__content .boldUnderline-center span {
          position: absolute;
          top: -50px; }
    .investments-desc__content3--item {
      margin-left: 40px;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      line-height: 22px; }
      .investments-desc__content3--item li {
        list-style: disc; }
        .investments-desc__content3--item li li {
          list-style: circle;
          margin-left: 40px; }
    .investments-desc__content3--subparagraph {
      display: flex;
      margin-left: 80px;
      line-height: 20px; }
    .investments-desc__content3 > p {
      margin: 30px 0 5px; }
    .investments-desc__content--item-box {
      margin-left: 40px;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      line-height: 22px; }
      .investments-desc__content--item-box li {
        list-style: disc; }
        .investments-desc__content--item-box li li {
          list-style: circle;
          margin-left: 40px; }
    .investments-desc__content--item--subparagraph {
      display: flex;
      margin-left: 80px;
      line-height: 20px; }
    .investments-desc__content--item > p {
      margin: 40px 0 5px; }
  .investments-desc__arrow {
    display: none;
    position: fixed;
    right: 10%;
    top: 75%;
    cursor: pointer;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background-color: rgba(204, 204, 204, 0.15);
    transition: all 0.3s; }
    .investments-desc__arrow:hover {
      background-color: rgba(204, 204, 204, 0.4); }
    .investments-desc__arrow img {
      transform: rotate(-90deg); }

.decryption__title {
  padding-top: 87px;
  margin: 0 auto;
  width: 100%;
  text-align: center; }
  .decryption__title h1 {
    font-family: "ChampagneLimousines", sans-serif;
    font-weight: 600;
    font-size: 55px;
    color: #1550c3;
    text-shadow: 3px 3.5px 2.5px rgba(0, 0, 0, 0.2);
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #fff; }
  .decryption__title a {
    width: 364px;
    height: 34px;
    background: #fff;
    border-radius: 23px;
    font-size: 17px;
    font-weight: bold;
    box-shadow: 4px 4px 11px 0px rgba(34, 60, 80, 0.2);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s; }
    .decryption__title a:hover {
      color: #fff;
      background-color: #798ea8; }
.decryption-item2 {
  font-size: 16px;
  margin-bottom: 5px; }
.decryption-desc {
  margin-top: 0px !important; }
  .decryption-desc p {
    margin: 30px 0 5px; }
  .decryption-desc__item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%; }
    .decryption-desc__item--img {
      display: flex;
      align-items: center;
      justify-content: flex-start; }
      .decryption-desc__item--img img {
        width: 49px;
        height: auto;
        margin-right: 10px; }
    .decryption-desc__item--date {
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column;
      margin-right: 35px;
      font-weight: 600;
      font-size: 10px; }
  .decryption-desc__menu {
    font-family: "Arial", sans-serif;
    color: #000; }
    .decryption-desc__menu h3 {
      font-weight: bold;
      text-transform: uppercase;
      text-align: center;
      font-size: 28px;
      margin: 5px 0px 50px 0; }
    .decryption-desc__menu a {
      font-family: "Arial", sans-serif;
      font-weight: bold;
      color: #000;
      transition: all 0.3s;
      display: inline-block;
      position: relative; }
      .decryption-desc__menu a:after {
        content: "";
        display: block;
        width: 0%;
        position: absolute;
        bottom: -4px;
        left: 50%;
        transform: translateX(-50%);
        height: 1px;
        background-color: #798ea8; }
      .decryption-desc__menu a:hover {
        color: #798ea8; }
        .decryption-desc__menu a:hover:after {
          animation: linkAnim 0.5s forwards; }
    .decryption-desc__menu-1 {
      line-height: 2; }
      .decryption-desc__menu-1 a {
        font-size: 16px; }
  .decryption-desc__content {
    margin-top: 80px;
    color: #000;
    font-family: "Arial", sans-serif; }
    .decryption-desc__content p {
      text-indent: 0;
      font-size: 16px;
      line-height: 22px; }
    .decryption-desc__content .boldUnderline {
      font-weight: bold;
      text-transform: uppercase;
      margin-bottom: 20px;
      position: relative; }
      .decryption-desc__content .boldUnderline span {
        position: absolute;
        top: -50px; }
    .decryption-desc__content--item-box {
      margin-left: 40px;
      display: flex;
      align-items: flex-start;
      justify-content: flex-start;
      line-height: 22px; }
      .decryption-desc__content--item-box li {
        list-style: disc; }
        .decryption-desc__content--item-box li li {
          list-style: circle;
          margin-left: 40px; }
    .decryption-desc__content--item--subparagraph {
      display: flex;
      margin-left: 80px;
      line-height: 20px; }
    .decryption-desc__content--item > p {
      margin: 30px 0 5px; }
  .decryption-desc__arrow {
    display: none;
    position: fixed;
    right: 10%;
    top: 75%;
    cursor: pointer;
    width: 50px;
    height: 50px;
    border-radius: 50%;
    align-items: center;
    justify-content: center;
    background-color: rgba(204, 204, 204, 0.15);
    transition: all 0.3s; }
    .decryption-desc__arrow:hover {
      background-color: rgba(204, 204, 204, 0.4); }
    .decryption-desc__arrow img {
      transform: rotate(-90deg); }

.pencils {
  margin-top: 87px; }
  .pencils__content {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    text-align: center; }
  .pencils h1 {
    font-family: "ChampagneLimousines", sans-serif;
    font-weight: 600;
    font-size: 55px;
    color: #1550c3;
    text-shadow: 3px 3.5px 2.5px rgba(0, 0, 0, 0.2);
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #fff;
    z-index: 100; }
  .pencils p {
    color: #d0d5d9;
    font-family: 'mr_RegisterWideBold';
    font-size: 32px;
    text-transform: uppercase;
    margin-top: 20px; }
  .pencils__svg {
    margin-top: 88px;
    margin-bottom: 132px; }

.premium {
  margin-top: 87px; }
  .premium__content {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    text-align: center; }
  .premium h1 {
    font-family: "ChampagneLimousines", sans-serif;
    font-weight: 600;
    font-size: 55px;
    color: #1550c3;
    text-shadow: 3px 3.5px 2.5px rgba(0, 0, 0, 0.2);
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #fff;
    z-index: 100; }
  .premium p {
    color: #d0d5d9;
    font-family: 'mr_RegisterWideBold';
    font-size: 32px;
    text-transform: uppercase;
    margin-top: 20px; }
  .premium__svg {
    margin-top: 88px;
    margin-bottom: 132px; }

.counteraction {
  margin-top: 87px; }
  .counteraction__content {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    text-align: center; }
  .counteraction h1 {
    font-family: "ChampagneLimousines", sans-serif;
    font-weight: 600;
    font-size: 55px;
    color: #1550c3;
    text-shadow: 3px 3.5px 2.5px rgba(0, 0, 0, 0.2);
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #fff;
    z-index: 100; }
  .counteraction p {
    color: #d0d5d9;
    font-family: 'mr_RegisterWideBold';
    font-size: 32px;
    text-transform: uppercase;
    margin-top: 20px; }
  .counteraction__svg {
    margin-top: 88px;
    margin-bottom: 132px; }

.copmStatistic {
  margin-top: 87px; }
  .copmStatistic__content {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    text-align: center; }
  .copmStatistic h1 {
    font-family: "ChampagneLimousines", sans-serif;
    font-weight: 600;
    font-size: 55px;
    color: #1550c3;
    text-shadow: 3px 3.5px 2.5px rgba(0, 0, 0, 0.2);
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #fff;
    z-index: 100; }
  .copmStatistic p {
    color: #d0d5d9;
    font-family: 'mr_RegisterWideBold';
    font-size: 32px;
    text-transform: uppercase;
    margin-top: 20px; }
  .copmStatistic__svg {
    margin-top: 88px;
    margin-bottom: 132px; }

.projectSections {
  margin-top: 87px; }
  .projectSections__content {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    text-align: center; }
  .projectSections h1 {
    font-family: "ChampagneLimousines", sans-serif;
    font-weight: 600;
    font-size: 55px;
    color: #1550c3;
    text-shadow: 3px 3.5px 2.5px rgba(0, 0, 0, 0.2);
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #fff;
    z-index: 100; }
  .projectSections p {
    color: #d0d5d9;
    font-family: 'mr_RegisterWideBold';
    font-size: 32px;
    text-transform: uppercase;
    margin-top: 20px; }
  .projectSections__svg {
    margin-top: 88px;
    margin-bottom: 132px; }

.prototype {
  margin-top: 87px; }
  .prototype__content {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    flex-direction: column;
    text-align: center;
    background-color: #fff; }
  .prototype h1 {
    font-family: "ChampagneLimousines", sans-serif;
    font-weight: 600;
    font-size: 55px;
    color: #1550c3;
    text-shadow: 3px 3.5px 2.5px rgba(0, 0, 0, 0.2);
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #fff;
    z-index: 100; }
  .prototype p {
    color: #d0d5d9;
    font-family: 'mr_RegisterWideBold';
    font-size: 32px;
    text-transform: uppercase;
    margin-top: 20px; }
  .prototype__svg {
    margin-top: 88px;
    margin-bottom: 132px; }

.disable-hover,
.disable-hover * {
  pointer-events: none !important; }

html, body {
  font-family: "ChampagneLimousines", sans-serif; }

body {
  overflow-x: hidden; }

a {
  color: #475566; }

.wrap {
  max-width: 1366px;
  margin: 0 auto;
  position: relative; }

.main {
  background-color: #fff; }

.contain {
  width: 860px;
  margin: 0 auto;
  position: relative; }

.wrapbox {
  width: 888px;
  margin: 0 auto;
  position: relative; }
  .wrapbox--stat {
    width: 1030px;
    margin: 0 auto; }
  .wrapbox--statGroup {
    width: 700px;
    margin: 0 auto; }

button,
input,
optgroup,
select,
textarea {
  font-family: "ChampagneLimousines", sans-serif; }

button {
  cursor: pointer; }

h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0; }

.flexBox {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start; }

.socialDemo {
  width: 100vw;
  height: 100vh; }
  .socialDemo img {
    width: 100%; }

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