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

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

@font-face {
  font-family: MM_Font;
  src: url(../font/Martirosov.woff);
  src: url(../font/Martirosov.eot);
  src: url(../font/Martirosov.ttf); }

@font-face {
  font-family: "Thin";
  font-style: normal;
  src: url(../font/onest/Onest-Thin.woff); }

@font-face {
  font-family: "Light";
  font-style: normal;
  src: url(../font/onest/Onest-Light.woff); }

@font-face {
  font-family: "Regular";
  font-style: normal;
  src: url(../font/onest/Onest-Regular.woff); }

@font-face {
  font-family: "Medium";
  font-style: normal;
  src: url(../font/onest/Onest-Medium.woff); }

@font-face {
  font-family: "Bold";
  font-style: normal;
  src: url(../font/onest/Onest-Bold.woff); }

@font-face {
  font-family: PTRoot_;
  src: url(../font/PTF56P_M.woff); }

@font-face {
  font-family: Guardy;
  src: url(../font/Guardy.woff); }

@font-face {
  font-family: Italic;
  src: url(../font/PTF56F.woff); }

:root {
  --color_black:#000000;
  --color_white:#ffffff;
  --color_red:#FF0000;
  --color_form_ph:#a5a5a5;
  --color_grey_light: #f3f3f3;
  --color_slink:#2a7af8;
  --color_base:#b001f7;
  --color_green:#26ab42;
  --color_darkBlue: #232128;
  --shadow-default-block: 0 0 2px 0 rgb(0 8 48 / 4%), 0 2px 4px 0 rgb(0 8 46 / 4%), 0 3px 12px 1px rgb(0 8 45 / 8%);
  --font-default-light: max(1em, min(1.7em, 1.7vw))/1.4 Light;
  --font-default-regular: max(1em, min(1.5em, 1.5vw))/1.4 Regular;
  --font-l-medium: max(1em, min(1.7em, 1.7vw))/1.4 Medium;
  --font-xxl-bold: max(1em, min(1.7em, 1.7vw))/1.1 Bold;
  --m-radius:0.6rem; }

.destitleb, .destitlew {
  pointer-events: none;
  width: 90%;
  display: inline-block;
  cursor: pointer;
  left: 0;
  margin: 0 auto;
  top: 34px;
  right: 0;
  text-align: center;
  position: absolute;
  font: Max(1.4em, Min(1.2em, 1.6vw))/1.35 Medium;
  -webkit-font-kerning: normal;
  font-kerning: normal;
  -webkit-font-variant-ligatures: no-common-ligatures;
  font-variant-ligatures: no-common-ligatures; }

.soon, .new, .video {
  display: block;
  position: absolute;
  bottom: 20px;
  right: 15px;
  max-width: -webkit-max-content;
  max-width: -moz-max-content;
  max-width: max-content;
  width: 100%;
  padding: 3px 4px 5px 8px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  text-align: right;
  border-radius: 5px;
  font: Max(0.3em, Min(1em, 1vw))/1.4 Medium;
  text-transform: uppercase;
  letter-spacing: 3px;
  color: #ffffff; }

.cookie-block button {
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear; }

html {
  font-size: 16px;
  -webkit-font-smoothing: antialiased;
  height: auto;
  min-height: 100%; }

body {
  overflow-x: hidden;
  margin: 0;
  padding: 0; }

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  margin: 0;
  padding: 0; }

span, p {
  cursor: default; }

a {
  text-decoration: none; }

#copyright {
  color: #000000;
  font: Max(0.4em, Min(1em, 1vw))/1.7 Medium;
  cursor: default;
  text-align: center;
  position: absolute;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  margin: 0 auto;
  left: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  right: 0;
  top: 50%; }
  #copyright span {
    color: #a5a5a5;
    font: Max(0.4em, Min(0.9em, 0.9vw))/normal Medium; }
  #copyright a {
    color: #a5a5a5;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
    text-decoration: underline; }
    #copyright a:hover {
      color: #000000; }

footer {
  position: relative;
  margin-top: 10px;
  background-color: #ffffff;
  padding: 8% 0;
  width: 100%;
  bottom: 0;
  left: 0; }

video {
  -webkit-filter: brightness(108.5%); }

#header {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0; }

.afterpost, .logo, footer {
  display: block; }

.menu {
  -webkit-transition: all 0.5s cubic-bezier(0.68, -0.01, 0.3, 0.99);
  -o-transition: all 0.5s cubic-bezier(0.68, -0.01, 0.3, 0.99);
  transition: all 0.5s cubic-bezier(0.68, -0.01, 0.3, 0.99);
  z-index: 15;
  position: fixed;
  top: 0;
  left: 0;
  border-bottom: 1px solid #e3e3e3;
  background-color: #f1f1f1;
  /*-webkit-animation: menu 60s linear infinite alternate both;
  animation: menu 60s linear infinite alternate both;*/
  height: 100px;
  width: 100%; }

.menu-black {
  -webkit-transition: all 0.5s cubic-bezier(0.68, -0.01, 0.3, 0.99);
  -o-transition: all 0.5s cubic-bezier(0.68, -0.01, 0.3, 0.99);
  transition: all 0.5s cubic-bezier(0.68, -0.01, 0.3, 0.99);
  z-index: 15;
  position: fixed;
  top: 0;
  left: 0;
  border-bottom: 1px solid #454545;
  background-color: #000000;
  /*-webkit-animation: menu 60s linear infinite alternate both;
  animation: menu 60s linear infinite alternate both;*/
  height: 100px;
  width: 100%; }

.menu-wrap-hide {
  -webkit-transform: translateY(-100px);
  -ms-transform: translateY(-100px);
  transform: translateY(-100px); }

.menu-right {
  width: 330px;
  position: absolute;
  top: 0;
  right: 0;
  height: 100px; }
  .menu-right a {
    color: #000000;
    cursor: pointer;
    padding: 8px 10px;
    font: 24px/1 Regular;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    vertical-align: baseline;
    float: left;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: relative;
    top: 50%;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear; }
    .menu-right a:nth-child(2) {
      margin-left: 50px; }
    .menu-right a:hover {
      background-color: #ededed; }

.menu-right-black {
  width: 330px;
  position: absolute;
  top: 0;
  right: 0;
  height: 100px; }
  .menu-right-black a {
    color: #ffffff;
    cursor: pointer;
    padding: 8px 10px;
    font: 24px/1 Regular;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    vertical-align: baseline;
    float: left;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    transform: translate(0, -50%);
    position: relative;
    top: 50%;
    -webkit-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear; }
    .menu-right-black a:nth-child(2) {
      margin-left: 50px; }
    .menu-right-black a:hover {
      background-color: #282828;
      border-radius: 2px; }

.active-btn {
  pointer-events: none;
  background-color: #b001f7;
  color: #ffffff !important;
  border-radius: 2px; }

.logo {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  height: 38px;
  position: absolute;
  margin: 0 auto;
  left: 0;
  text-align: center;
  right: 0;
  font: Max(2em, Min(2.6em, 2.6vw))/normal MM_Font;
  color: #000;
  top: calc(50% - 19px);
  /*&:after{
    content: "";
    width: 40px;
    height: 40px;
    display: block;
    top: -53px;
    left:-12px;
    position: relative;
    transform: rotate(-4deg) scale(-1, 1);
    background: url(images/new_year.png) center center/100% no-repeat;
  }*/ }

.post {
  right: 120px;
  position: relative;
  top: 40px;
  width: 35px;
  display: block; }

.main__content {
  width: 100%;
  margin: 110px auto 0 auto;
  padding: 0 10px;
  display: -ms-grid;
  display: grid;
  grid-template: repeat(5, 550px)/repeat(auto-fit, minmax(332px, 1fr));
  grid-gap: 10px 8px;
  -webkit-animation: fadeIn 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
  animation: fadeIn 0.8s cubic-bezier(0.39, 0.575, 0.565, 1);
  -webkit-box-flex: 1;
  -ms-flex: 1 1 auto;
  flex: 1 1 auto; }

@-webkit-keyframes fadeIn {
  0% {
    -webkit-transform: translateY(80px);
    transform: translateY(80px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

@keyframes fadeIn {
  0% {
    -webkit-transform: translateY(80px);
    transform: translateY(80px);
    opacity: 0; }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    opacity: 1; } }

.block__wrap, .overhide {
  overflow: hidden !important; }

.block__wrap {
  height: 100%;
  width: 100%;
  border-radius: 0.8rem;
  -moz-transition: all 1s ease-out;
  -o-transition: all 1s ease-out;
  -webkit-transition: all 1s ease-out;
  position: relative; }
  .block__wrap img {
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    height: 100%; }
  .block__wrap video:hover {
    cursor: pointer; }
  .block__wrap img {
    -moz-transition: all .7s ease-out;
    -o-transition: all .7s ease-out;
    -webkit-transition: all .7s ease-out;
    transition: all .7s ease-out;
    -webkit-transition-duration: .4s;
    -o-transition-duration: .4s;
    transition-duration: .4s;
    width: 100%; }
    .block__wrap img:hover {
      cursor: pointer;
      -webkit-transform: scale(1.08);
      -moz-transform: scale(1.08);
      -o-transform: scale(1.08);
      -ms-transform: scale(1.08);
      transform: scale(1.08);
      -webkit-transition-duration: 0.3s;
      -o-transition-duration: 0.3s;
      transition-duration: 0.3s; }

.middle-block-flex {
  width: 100%;
  -ms-grid-column: span 2;
  grid-column-start: span 2; }

.large-block-flex {
  width: 100%;
  -ms-grid-column: span 3;
  grid-column-start: span 3; }

.big-one {
  width: 100%;
  max-width: 1666px;
  max-height: 350px;
  -webkit-transition: all 1s ease-out;
  position: relative;
  display: inline-block;
  float: left;
  overflow: hidden; }
  .big-one img {
    -moz-transition: all .6s ease-out;
    -o-transition: all .6s ease-out;
    -webkit-transition: all .6s ease-out;
    transition: all .6s ease-out;
    -webkit-transition-duration: .2s;
    -o-transition-duration: .2s;
    transition-duration: .2s; }
    .big-one img:hover {
      cursor: pointer;
      -webkit-transform: scale(0.8);
      -moz-transform: scale(0.8);
      -o-transform: scale(0.8);
      -ms-transform: scale(0.8);
      transform: scale(0.8);
      -webkit-transition-duration: .4s;
      -o-transition-duration: .4s;
      transition-duration: .4s; }

.ann_img img {
  width: 100%;
  display: block;
  max-width: 100%;
  height: auto; }

.destitleb {
  color: #000000; }

.destitlew {
  color: #ffffff; }

.soon {
  background-color: #b001f7; }

.new {
  background-color: #26ab42; }

.video {
  background-color: #000000; }

.update {
  color: white;
  font: 13px/1.2 Italic;
  position: absolute;
  bottom: 15px;
  right: 15px; }

.next-link {
  -webkit-transition: all .2s linear;
  -o-transition: all .2s linear;
  transition: all .2s linear;
  font: 32px/1.2 Regular;
  color: #2a7af8;
  border-bottom: 1px solid #2a7af8; }
  .next-link:hover {
    color: #FF0000;
    border-color: #FF0000; }

.next-key {
  color: #000000;
  font: 20px/1.2 Regular;
  text-transform: uppercase;
  letter-spacing: 4px;
  line-height: 40px; }

.sub-outline {
  margin: 0 auto;
  text-align: center;
  display: block;
  position: relative;
  overflow: hidden;
  top: 70px;
  height: 100%; }

.bottom-menu {
  position: relative;
  bottom: 0;
  height: 220px;
  width: 100%;
  background-color: #f5f5f5;
  border-top: 1px solid #c4c4c4;
  left: 0;
  right: 0;
  visibility: hidden;
  z-index: 1;
  overflow: hidden; }

.cookie-block {
  width: 80%;
  max-width: 1600px;
  height: 60px;
  background-color: #232128;
  position: fixed;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  border-radius: var(--m-radius) var(--m-radius) 0 0;
  display: none;
  bottom: -60px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 0 0 20px;
  z-index: 10;
  overflow: hidden; }
  .cookie-block p {
    color: #ffffff;
    font: Max(1em, Min(1.2em, 1.2vw))/1 Light; }
  .cookie-block button {
    padding: 0 60px;
    background-color: #b001f7;
    color: #ffffff;
    font: Max(0.95em, Min(1.2em, 1.2vw))/1 Medium;
    border: none;
    margin: 0;
    outline: 0;
    height: inherit; }
    .cookie-block button:hover {
      cursor: pointer;
      background-color: #7a30ff; }

/*=====bro=====*/
#safari {
  max-width: 80%;
  width: 1400px;
  margin: 0 auto;
  text-align: center;
  position: relative; }
  #safari video {
    -webkit-box-shadow: 0 10px 40px 20px rgba(0, 0, 0, 0.14), 0px 20px 40px 0px rgba(0, 0, 0, 0.14);
    box-shadow: 0 10px 40px 20px rgba(0, 0, 0, 0.14), 0px 20px 40px 0px rgba(0, 0, 0, 0.14); }
  #safari .safari-img {
    -webkit-box-shadow: 0 10px 40px 20px #00000024, 0px 20px 40px 0px #00000024;
    box-shadow: 0 10px 40px 20px #00000024, 0px 20px 40px 0px #00000024;
    overflow: auto;
    width: 100%;
    height: 100%;
    -webkit-scroll-snap-type: y;
    -ms-scroll-snap-type: y;
    scroll-snap-type: y; }
  #safari .safari-img::-webkit-scrollbar {
    width: 9px; }
  #safari .safari-img::-webkit-scrollbar-track {
    border-radius: 100px;
    border: 1px solid #ccc; }
  #safari .safari-img::-webkit-scrollbar-thumb {
    border-radius: 100px;
    background-color: #ccc; }
  #safari .safari-img::-webkit-scrollbar-thumb:active {
    background-color: #c5c5c5; }

.top_line {
  position: relative;
  height: 48px;
  background-color: #2f3135;
  border-radius: 15px 15px 0 0; }

.top_line div:nth-child(1) {
  background-color: #fe5a51;
  position: absolute;
  top: calc(50% - 7px);
  height: 14px;
  left: 20px;
  width: 14px;
  border-radius: 50%; }

.top_line div:nth-child(2) {
  background-color: #e5c029;
  position: absolute;
  top: calc(50% - 7px);
  height: 14px;
  left: 46px;
  width: 14px;
  border-radius: 50%; }

.top_line div:nth-child(3) {
  background-color: #51c12d;
  position: absolute;
  top: calc(50% - 7px);
  height: 14px;
  left: 73px;
  width: 14px;
  border-radius: 50%; }

.string_bg {
  position: absolute;
  background-color: #5f6165;
  width: 60%;
  z-index: 1;
  height: 26px;
  border-radius: 6px;
  top: 12px;
  left: 20%; }

.string_bg span {
  color: white;
  font: 16px/1.3 Regular;
  position: absolute;
  margin: 0 auto;
  left: 0;
  right: 0;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%); }

.ann_pan {
  font: 18px/2 Medium;
  cursor: default; }

.box_specific_link {
  width: 300px;
  height: 44px;
  position: relative;
  margin: 0 auto;
  left: 0;
  z-index: 2;
  font: 18px/2.6 Medium;
  right: 0;
  overflow: hidden;
  top: 100px;
  background-color: #e3e3e3;
  border-radius: 0 0 15px 15px; }
  .box_specific_link.fxed_development {
    position: fixed;
    top: 0;
    -webkit-transition: top 0.5s linear;
    -o-transition: top 0.5s linear;
    transition: top 0.5s linear; }

.specific_link_left, .specific_link_right {
  position: absolute;
  bottom: 0;
  width: 50%;
  text-align: center;
  -webkit-transition: background-color 0.2s linear;
  -o-transition: background-color 0.2s linear;
  transition: background-color 0.2s linear;
  color: #000000 !important; }
  .specific_link_left:hover, .specific_link_right:hover {
    background-color: #c8c8c8; }

.specific_link_left {
  border-radius: 0 0 0 15px;
  left: 0; }

.specific_link_right {
  border-radius: 0 0 15px 0;
  right: 0; }

.active_specific_link {
  background-color: #7a85e3;
  color: #ffffff !important;
  pointer-events: none; }

.sub_h1_italic {
  font: 0.485em/1.2 Italic;
  color: #888;
  margin: 20px auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center; }

@-webkit-keyframes menu {
  0% {
    background: #331a38; }
  25% {
    background: #491d88; }
  50% {
    background: #43b5a0; }
  75% {
    background: #fec859; }
  100% {
    background: #fa448c; } }

@keyframes menu {
  0% {
    background: #331a38; }
  25% {
    background: #491d88; }
  50% {
    background: #43b5a0; }
  75% {
    background: #fec859; }
  100% {
    background: #fa448c; } }

.wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 100px 0 0 0;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
  min-height: 100vh;
  position: relative; }
  .wrapper::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all 0.4s linear;
    -o-transition: all 0.4s linear;
    transition: all 0.4s linear;
    background: url("images/load.gif") center/500px no-repeat #ffffff; }
  .wrapper._sending::after {
    opacity: 1;
    visibility: visible; }

.content {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  width: 50%;
  margin: 0 auto 0 auto;
  padding: 50px 0 50px 0; }

.body__text {
  margin: 0 auto 60px auto; }
  .body__text .text {
    color: #000;
    font: 48px/2 Guardy;
    text-align: center; }

.form__body * {
  outline: none; }

.form__body {
  margin: 0 50px;
  min-height: 100%; }

.form__item {
  margin-bottom: 30px; }

.form__label {
  font: 20px Regular;
  width: 80%;
  display: block;
  cursor: text;
  padding: 0 0 8px 0;
  color: #a5a5a5;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  .form__label > div {
    font: 0.7em/2 Italic;
    color: #a5a5a5; }
  .form__label.trans {
    -webkit-transform: translateY(25px);
    -ms-transform: translateY(25px);
    transform: translateY(25px); }

.is-active {
  -webkit-transform: translateY(0) !important;
  -ms-transform: translateY(0) !important;
  transform: translateY(0) !important;
  font: 18px Regular;
  color: #00c818; }

.form__input {
  width: 80%;
  border: none;
  border-bottom: 2px solid #a5a5a5;
  outline: 0;
  background: 0 0;
  font: 20px Medium;
  color: #000000;
  -webkit-transition: all .1s ease-in-out;
  -o-transition: all .1s ease-in-out;
  transition: all .1s ease-in-out; }
  .form__input._error {
    border-bottom: 1px solid #FF0000; }

.file {
  width: 104px; }

.file__item {
  position: relative;
  border-radius: 4px;
  background-color: #ddd;
  -webkit-transition: background-color .2s linear;
  -o-transition: background-color .2s linear;
  transition: background-color .2s linear; }
  .file__item:hover {
    background-color: #a5a5a5; }

.file__input {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  font-size: 0;
  cursor: pointer; }

.file_button {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  min-height: 40px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #000000;
  padding: 0 20px; }

.checkbox._error .checkbox__label::before {
  border: 1px solid #FF0000; }

.checkbox__input {
  display: none; }
  .checkbox__input:checked + .checkbox__label::after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1); }

.checkbox__label {
  line-height: 140%;
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font: 20px/1 Medium;
  color: #a5a5a5;
  margin: 14px 0;
  width: 80%; }
  .checkbox__label > span {
    font: 15px/1.2 Regular;
    width: 100%;
    color: #000000; }
  .checkbox__label > a {
    margin: 0 !important; }
  .checkbox__label::after {
    content: "";
    -webkit-transition: -webkit-transform 0.2s linear;
    transition: -webkit-transform 0.2s linear;
    -o-transition: transform 0.2s linear;
    transition: transform 0.2s linear;
    transition: transform 0.2s linear, -webkit-transform 0.2s linear;
    width: 18px;
    height: 18px;
    position: absolute;
    top: 4px;
    border-radius: 3px;
    left: 4px;
    cursor: pointer;
    background-color: #04b801;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0); }
  .checkbox__label::before {
    content: "";
    -webkit-box-flex: 0;
    -ms-flex: 0 0 24px;
    flex: 0 0 24px;
    height: 24px;
    cursor: pointer;
    border: 1px solid #a5a5a5;
    border-radius: 2px;
    -ms-flex-item-align: start;
    align-self: flex-start;
    margin: 0 10px 0 0; }

.form__button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 80%;
  height: 50px;
  border: none;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ddd;
  cursor: pointer;
  color: #000000;
  font: 20px/1 Medium;
  border-radius: 4px;
  -webkit-transition: background-color .2s linear;
  -o-transition: background-color .2s linear;
  transition: background-color .2s linear; }
  .form__button:hover {
    background-color: #a5a5a5; }

.footer_flex {
  background-color: #f3f3f3;
  height: 90px;
  border-top: 1px solid #dfdfdf; }

.form input::-webkit-input-placeholder {
  color: #a5a5a5; }

.form input::-moz-placeholder {
  color: #a5a5a5; }

.form input:-moz-placeholder {
  color: #a5a5a5; }

.form input:-ms-input-placeholder {
  color: #a5a5a5; }

.form textarea {
  width: 80%;
  height: 160px;
  margin: 14px 0 0 0;
  display: block;
  border: 1px solid #a5a5a5;
  border-radius: 4px;
  font: 17px/1.1 medium;
  padding: 10px;
  color: #000000;
  line-height: 140%;
  resize: vertical;
  -webkit-transition: border .3s linear;
  -o-transition: border .3s linear;
  transition: border .3s linear; }
  .form textarea:focus {
    border: 1px solid #04b801; }

.brif_download {
  color: #2a7af8;
  border-bottom: 1px solid;
  font: 0.8em/1.1 Medium;
  margin-top: -24px;
  float: right; }
  .brif_download:hover {
    color: #FF0000; }

.file_preview > span {
  font: 14px/1 Italic;
  color: #a7a7a7;
  float: left;
  white-space: nowrap;
  margin: 10px 0 0 0; }

.messages {
  white-space: nowrap;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin: 0 0 14px 0; }
  .messages > span {
    color: #FF0000;
    padding-left: 8px; }

.modal-window {
  position: fixed;
  background-color: #9f9f9fb0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 20;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

.modal-window-bg {
  content: "";
  position: relative;
  width: 100%;
  height: 100%;
  display: block; }

.window-open {
  width: 60%;
  position: absolute;
  top: 50%;
  left: 50%;
  z-index: 22;
  border-radius: 6px;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  padding: 32px 40px 60px 40px;
  background: #ffffff; }
  .window-open h1 {
    font: 24px/2.5 Medium;
    margin: 10px 0 0 0;
    padding-left: 10px; }
  .window-open p {
    font: 18px/1.5 Regular;
    padding-left: 10px; }
  .window-open span {
    font: 17px/1.5 Regular; }

.visible_modal {
  visibility: visible;
  opacity: 1;
  pointer-events: auto; }

.close {
  position: absolute;
  right: 32px;
  top: 32px;
  width: 32px;
  height: 32px;
  opacity: 0.3;
  cursor: pointer;
  -webkit-transition: all .3s linear;
  -o-transition: all .3s linear;
  transition: all .3s linear; }
  .close:hover {
    opacity: 1; }
  .close:before, .close:after {
    position: absolute;
    left: 10px;
    content: ' ';
    height: 36px;
    width: 2px;
    background-color: #000; }
  .close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg); }
  .close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg); }

/*Mobile*/
@media screen and (min-width: 360px) and (max-width: 480px) {
  .ann_pan, .descript-flex {
    display: none !important; }
  .middle-block-flex, .large-block-flex, .block__wrap {
    width: 90%;
    margin: 0 auto;
    -ms-grid-column: span 1;
    grid-column-start: span 1; } }

@media screen and (min-width: 500px) and (max-width: 768px) {
  .menu-m {
    right: 90px; }
  .middle-block-flex, .large-block-flex {
    -ms-grid-column: span 1;
    grid-column-start: span 1; }
  .ann_pan, .descript-flex {
    display: none !important; } }

/*Desctopt*/
@media screen and (min-width: 810px) and (max-width: 1024px) {
  .about {
    margin: 31px 0 0 50%; }
  .menu-m {
    right: 90px; }
  .ann_pan, .descript-flex {
    display: none !important; }
  .middle-block-flex, .large-block-flex {
    -ms-grid-column: span 2;
    grid-column-start: span 2; } }

@media screen and (min-width: 1280px) and (max-width: 1540px) {
  .middle-block-flex, .large-block-flex {
    -ms-grid-column: span 2;
    grid-column-start: span 2; } }

@media screen and (min-width: 1600px) and (max-width: 1900px) {
  .middle-block-flex, .large-block-flex {
    -ms-grid-column: span 2;
    grid-column-start: span 2; } }