body {
  background-image: none;
  background-size: cover;
}
body article,
body aside,
body details,
body figcaption,
body figure,
body footer,
body header,
body hgroup,
body menu,
body nav,
body section {
  display: block;
}
body body {
  line-height: 1;
}
body a {
  text-decoration: none !important;
}
body ol,
body ul {
  list-style: none;
}
body blockquote,
body q {
  quotes: none;
}
body blockquote:before,
body blockquote:after,
body q:before,
body q:after {
  content: "";
  content: none;
}
body table {
  border-collapse: collapse;
  border-spacing: 0;
}
body .setPgePrl {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -webkit-animation-name: pagePreloader;
  animation-name: pagePreloader;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  background: #339c7e;
  height: 4px;
  left: 0;
  position: fixed;
  top: 0;
  width: 0%;
  z-index: 9999;
}
body .setBlkPrl {
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -moz-user-select: none;
  -ms-user-select: none;
  -webkit-user-select: none;
  -webkit-animation-name: blockPreloader;
  animation-name: blockPreloader;
  -webkit-animation-timing-function: ease;
  animation-timing-function: ease;
  background: #339c7e;
  height: 5px;
  left: 0;
  position: fixed;
  top: 0;
  width: 0%;
  z-index: 9999;
}
@keyframes blockPreloader {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
@-webkit-keyframes blockPreloader {
  0% {
    width: 0%;
  }
  100% {
    width: 100%;
  }
}
body a {
  width: 100%;
}
body a:hover {
  color: #c4c5c8;
}
body h5 {
  font-size: 1vw;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0;
}
body select {
  -moz-appearance: none;
  appearance: none;
  /* remove default arrow */
}
body :focus {
  outline: grey auto 1px;
}
@media all {
  .disappearance {
    opacity: 0;
  }
  .appearance {
    opacity: 1 !important;
  }
  .transition--on {
    transition: 1s;
  }
  .transition:hover {
    transition: 1s;
  }
  .gray {
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
  }
  .gray:hover {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
  }
  .none {
    display: none !important;
  }
  body .b-img {
    background-image: url(../img/body.png);
  }
  .white {
    background: url(../img/body_back.png) !important;
    background-color: #f5f5f8 !important;
    background-size: cover !important;
    color: #828188;
    /*Change text in autofill textbox*/
  }
  .white a {
    color: #828188;
  }
  .white a:hover {
    color: #828188;
  }
  .white input,
  .white select {
    color: #828188;
  }
  .white input:-webkit-autofill,
  .white input:-webkit-autofill:hover,
  .white input:-webkit-autofill:focus,
  .white input:-webkit-autofill:active {
    -webkit-box-shadow: 0 0 0 30px #edffe4 inset;
  }
  .white input:-webkit-autofill {
    -webkit-text-fill-color: #828188 !important;
  }
  .white ::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #c4c5c8;
    opacity: 1;
    /* Firefox */
  }
  .white :-ms-input-placeholder {
    /* Internet Explorer 10-11 */
    color: #c4c5c8;
  }
  .white ::-ms-input-placeholder {
    /* Microsoft Edge */
    color: #c4c5c8;
  }
  .white ::selection {
    background: #afe2fe;
  }
  .white ::-moz-selection {
    background: #afe2fe;
  }
  .white .b-clr {
    background-color: #ffffff;
  }
  .white .border__all {
    border: 1px solid #d4d1d1;
  }
  .white .border__top {
    border-top: 1px solid #d4d1d1;
  }
  .white .border__right {
    border-right: 1px solid #d4d1d1;
  }
  .white .border__bottom {
    border-bottom: 1px solid #d4d1d1;
  }
  .white .border__left {
    border-left: 1px solid #d4d1d1;
  }
  .white .note {
    color: #828188;
    transition: 1s;
  }
  .white .nav--a {
    color: #999;
  }
  .white .submenu--a {
    color: #828188;
    border-bottom: 1px solid #dfdfdf;
    background-color: #fefefe;
    border-right: 1px solid #dfdfdf;
    border-left: 1px solid #dfdfdf;
  }
  .white .submenu--a__top {
    border-top: 1px solid #dfdfdf;
  }
  .white .modls--button__close {
    cursor: pointer;
    color: white;
    font-family: sans-serif;
    transition: 0.5s;
  }
  .white .modls--button__close:hover {
    color: #828188;
  }
  .white .modls--input {
    background: white;
  }
  .white .modls--background {
    background-color: #f5f5f8 !important;
  }
  .white .modls--border {
    border: 1px solid #d4d1d1 !important;
  }
  .white .modls--border:hover {
    border: 1px solid #969696 !important;
  }
  .white .modls--border:hover .modls--border__top {
    border-top: 1px solid #969696 !important;
  }
  .white .modls--border__top {
    transition: 1s;
    border-top: 1px solid #d4d1d1 !important;
  }
  .white .modls--line {
    border-bottom: 0.7em solid #f5f5f8;
  }
  .white .interface--active {
    border-color: #969696 !important;
    transition: 1s;
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
  }
  .white .content--background {
    background-color: #fefefe;
  }
  .white .content--border__all {
    border: 1px solid #d4d1d1;
    color: #828188;
  }
  .white .content--border__all:active {
    border: 1px solid #d3d3d3;
  }
  .white .content--border__all:focus {
    border: 1px solid #9c9c9c;
  }
  .white .content--border__all:hover {
    border: 1px solid #969696;
  }
  .white .content--border__all:hover .content--border__right {
    border-right: 1px solid #969696;
  }
  .white .content--border__all:hover .content--border__bottom {
    border-bottom: 1px solid #969696;
  }
  .white .content--border__all:hover .note {
    color: #339c7e;
  }
  .white .content--border__right {
    border-right: 1px solid #d4d1d1;
    transition: 1s;
  }
  .white .content--border__bottom {
    border-bottom: 1px solid #d4d1d1;
    transition: 1s;
  }
  .white .content--shadow {
    box-shadow: 0 0 20px 0.1px #ededed;
  }
  .white .content--shadow:hover {
    box-shadow: 0 0 20px 0.5px #c1c1c1;
  }
  .white .content--note {
    color: #339c7e;
  }
}
@media all {
  .fade-in {
    animation: fadeIn ease 3s;
    -webkit-animation: fadeIn ease 3s;
    -moz-animation: fadeIn ease 3s;
    -o-animation: fadeIn ease 3s;
    -ms-animation: fadeIn ease 3s;
  }
  @keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @-moz-keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @-webkit-keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @-o-keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
  @-ms-keyframes fadeIn {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }
}
@media (max-width: 767px) {
  .submenu .gray {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
  }
  .submenu .gray:hover {
    filter: grayscale(0%);
    -webkit-filter: grayscale(0%);
  }
}
@media all {
  .open {
    margin: 1.4vw 0 2vw 0 !important;
  }
  .scale--1_01 {
    transform: scale(1);
    transition: all 800ms;
  }
  .scale--1_01:hover {
    transform: scale(1.01);
  }
  .scale--1_05 {
    transform: scale(1);
    transition: all 800ms;
  }
  .scale--1_05:hover {
    transform: scale(1.05);
  }
}
@media (max-width: 767px) and (orientation: portrait) {
  .cl3-1.col {
    -ms-flex-preferred-size: 0;
    flex-basis: inherit;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 100%;
  }
}
@media all {
  #submenu1 {
    position: fixed;
    z-index: 9997;
    background: #339c7e;
    height: 34px;
    padding: 0px;
    margin: 0px;
    width: 100%;
    display: flow-root;
  }
  #submenu1 .subicon {
    padding: 6px;
    margin-right: 0.1em;
    width: 2em;
  }
  .header .subblck {
    height: 62px;
  }
  .header .submenu {
    z-index: 9997;
    position: fixed;
    top: 33px;
    left: 0;
    width: 100%;
    height: 62px;
    color: #c4c5c8;
    font-family: "Titillium Web", sans-serif;
    letter-spacing: 0.2em;
  }
  .header .submenu .pc .logo {
    float: left;
    text-align: center;
    width: 200.5px;
    height: 100%;
  }
  .header .submenu .pc .logo__img {
    width: 175px;
    height: 61px;
    padding: 7px 11px;
  }
  .header .submenu .pc .dropdown {
    float: right;
    position: relative;
  }
  .header .submenu .pc .dropdown:hover .dropcontent {
    visibility: visible;
    -webkit-animation-name: dropcontent;
    animation-name: dropcontent;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
  }
  @-webkit-keyframes dropcontent {
    from {
      top: 90px;
      opacity: 0;
    }
    to {
      top: 60px;
      opacity: 1;
    }
  }
  @keyframes dropcontent {
    from {
      top: 90px;
      opacity: 0;
    }
    to {
      top: 60px;
      opacity: 1;
    }
  }
  .header .submenu .pc .dropdown .dropbutton {
    cursor: pointer;
    color: #2a2c39;
    font-size: 16px;
    border: none;
    background-color: rgba(240, 248, 255, 0);
  }
  .header .submenu .pc .dropdown .dropbutton__img {
    width: 2.8em;
    margin: 0.5em 0.3em 0.3em 0.3em;
    height: 2.8em;
    border-radius: 100%;
  }
  .header .submenu .pc .dropdown .dropcontent {
    visibility: hidden;
    position: absolute;
    right: 0;
    min-width: 160px;
    z-index: 1;
    border-radius: 2px 2px 2px 2px;
    margin: 0 15px 0 0;
  }
  .header .submenu .pc .dropdown .dropcontent a {
    background-size: 465px;
    font-weight: 500;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
  }
  .header .submenu .pc .dropdown .dropcontent a:hover {
    background-color: #339c7e;
    color: white;
    display: block;
  }
  .header .submenu .pc .dropdown .dropcontent p {
    height: 15px;
    margin-top: -15px;
  }
  .menu {
    z-index: 1000;
    position: fixed;
    top: 87px;
    left: 0;
    bottom: 0;
    height: 100%;
    font-size: 0;
  }
  .menu .nav {
    overflow: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translateZ(0) scale(1, 1);
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    -o-user-select: none;
    user-select: none;
    display: inline-block;
    position: relative;
    margin: 0;
    max-width: 70px;
    height: 100%;
  }
  .menu .nav:hover {
    max-width: 300px;
  }
  .menu .nav a {
    border-collapse: collapse;
    border-spacing: 0;
    font-family: arial;
    text-decoration: none;
    -webkit-transform: translateZ(0) scale(1, 1);
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    display: table;
    position: relative;
    font-size: 13px;
  }
  .menu .nav ul {
    padding: 0;
    margin: 7px 0px;
    outline: 0;
  }
  .menu .nav li {
    display: block;
    position: relative;
    background-color: transparent;
    letter-spacing: 1px;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    width: 200px;
    padding: 15px 0 15px 0;
  }
  .menu .nav li:hover {
    background-color: #339c7e;
  }
  .menu .nav li:hover a {
    color: #fff;
  }
  .menu .nav li:hover a:hover {
    color: #ffffff !important;
  }
  .menu .nav .item-icon {
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    position: relative;
    width: 70px;
    min-width: 70px;
    height: 36px;
    font-size: 20px;
  }
  .menu .nav .item-text {
    display: table-cell;
    position: relative;
    vertical-align: middle;
    width: auto;
    margin-right: 0;
    padding-right: 1em;
    font-family: "Titillium Web", sans-serif;
  }
  .menu .nav .active {
    background-color: #339c7e;
  }
  .menu .nav .active a {
    color: #ffffff;
  }
  .mdlAnmMdl {
    animation: mymove 0.4s !important;
    -webkit-animation: mymove 0.4s !important;
  }
  @-webkit-keyframes mymove {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  @keyframes mymove {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  .modls {
    z-index: 9998;
    display: none;
    position: fixed;
    overflow: auto;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
  }
  .modls .mdlAnmShk {
    animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
    transform: translate3d(0, 0, 0);
    backface-visibility: hidden;
    perspective: 1000px;
  }
  @keyframes shake {
    10%,
    90% {
      transform: translate3d(-1px, 0, 0);
    }
    20%,
    80% {
      transform: translate3d(2px, 0, 0);
    }
    30%,
    50%,
    70% {
      transform: translate3d(-4px, 0, 0);
    }
    40%,
    60% {
      transform: translate3d(4px, 0, 0);
    }
  }
  .modls .mdlAnmEnt {
    width: 102% !important;
    height: 200% !important;
    margin-left: -1% !important;
    animation: mymove 0.4s !important;
    -webkit-animation: mymove 0.4s !important;
  }
  @-webkit-keyframes mymove {
    from {
      top: 0px;
      opacity: 1;
    }
    to {
      top: -300px;
      opacity: 0;
    }
  }
  @keyframes mymove {
    from {
      top: 0px;
      opacity: 1;
    }
    to {
      top: -300px;
      opacity: 0;
    }
  }
  .modls .login {
    display: none;
    vertical-align: middle;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .modls .login .rw0-1 {
    -webkit-animation-name: login;
    animation-name: login;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    position: relative;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width: 27%;
    margin: 0 auto 7vw auto;
    padding: 0;
  }
  @-webkit-keyframes login {
    from {
      top: 300px;
      opacity: 0;
    }
    to {
      top: 0px;
      opacity: 1;
    }
  }
  @keyframes login {
    from {
      top: 300px;
      opacity: 0;
    }
    to {
      top: 0px;
      opacity: 1;
    }
  }
  .modls .login .rw0-1 .cl1-1 {
    text-align: center;
    font-size: 1.1vw;
    line-height: 3vw;
    letter-spacing: 0.3em;
    padding: 2em 1em 0em 1em;
  }
  .modls .login .rw0-1 .cl1-1__img {
    width: 60%;
  }
  .modls .login .rw0-1 .cl1-2 {
    padding: 0% 0 4% 0;
    transition: 0.7s;
    opacity: 0;
    color: #339c7e;
    text-align: center;
    height: 0vw;
    letter-spacing: 1.3px;
    font-size: 0.9vw;
  }
  .modls .login .rw0-1 .cl1-2 p {
    margin: 0 !important;
    color: #339c7e;
    font-size: 0.9vw;
    font-weight: 400;
    letter-spacing: 1px;
  }
  .modls .login .rw0-1 .cl1-3 {
    text-align: center;
    font-size: 0.9vw;
    padding: 0% 6% 6% 6%;
  }
  .modls .login .rw0-1 .cl1-3__input {
    width: 100%;
    height: 3vw;
    margin: 3% 0;
    padding: 0 0 0 5%;
    line-height: 1em;
    letter-spacing: 1.3px;
    transition: 0.8s;
  }
  .modls .login .rw0-1 .cl1-3__input:focus {
    outline: none;
  }
  .modls .login .rw0-1 .cl1-3__input--button {
    cursor: pointer;
    width: 60%;
    height: 2.5vw;
    font-size: 0.9em;
    letter-spacing: 2px;
    padding: 0px !important;
    transition: 0.8s;
  }
  .modls .login .rw0-1 .cl1-3__p--text {
    margin-bottom: 3% 0 !important;
    padding: 5px 0;
    letter-spacing: 1.3px;
    transition: 0.8s;
  }
  .modls .login .rw0-1 .cl1-3__a--rgstr {
    color: #339c7e;
  }
  .modls .login .rw0-1 .cl1-3__a--restore {
    color: #339c7e;
  }
  .modls .registr {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    display: none;
    vertical-align: middle;
  }
  .modls .registr .rw0-1 {
    -webkit-animation-name: registr;
    animation-name: registr;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    position: relative;
    margin: 0 auto 4vw auto;
    padding: 0;
    width: 27%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
  @-webkit-keyframes registr {
    from {
      top: 300px;
      opacity: 0;
    }
    to {
      top: 0px;
      opacity: 1;
    }
  }
  @keyframes registr {
    from {
      top: 300px;
      opacity: 0;
    }
    to {
      top: 0px;
      opacity: 1;
    }
  }
  .modls .registr .rw0-1 .rw1-1 {
    margin: 0 0 5% 0;
    color: #ffffff;
    background-color: #339c7e;
    text-align: center;
    font-size: 1.1vw;
    line-height: 3vw;
    letter-spacing: 0.3em;
  }
  .modls .registr .rw0-1 .rw1-1 .col-sm-2 {
    padding-right: 0px;
  }
  .modls .registr .rw0-1 .rw1-2 {
    padding: 0% 0 2% 0;
    transition: 0.7s;
    opacity: 0;
    color: #339c7e;
    text-align: center;
    height: 0vw;
    letter-spacing: 1.3px;
    font-size: 0.9vw;
  }
  .modls .registr .rw0-1 .rw1-2 p {
    margin: 0 !important;
    color: #339c7e;
    font-size: 0.9vw;
    font-weight: 400;
    letter-spacing: 1px;
  }
  .modls .registr .rw0-1 .rw1-3 {
    text-align: center;
    font-size: 0.9vw;
    padding: 0% 6% 6% 6%;
  }
  .modls .registr .rw0-1 .rw1-3__picture {
    position: relative;
    max-width: 10vw;
    margin: 0 auto 6% auto;
  }
  .modls .registr .rw0-1 .rw1-3__picture--edit {
    z-index: 1;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    transition: 2s;
  }
  .modls .registr .rw0-1 .rw1-3__picture--edit input {
    display: none;
  }
  .modls .registr .rw0-1 .rw1-3__picture--edit input + label {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-bottom: 0;
    border-radius: 100%;
    background: #ffffff;
    border: 1px solid transparent;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
  }
  .modls .registr .rw0-1 .rw1-3__picture--edit input + label:hover {
    background: #f1f1f1;
    border-color: #d6d6d6;
  }
  .modls .registr .rw0-1 .rw1-3__picture--edit input + label:after {
    content: "\f040";
    font-family: "FontAwesome";
    color: #757575;
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
  }
  .modls .registr .rw0-1 .rw1-3__picture--edit input + label {
    width: 100%;
    height: 100%;
    border-radius: 0%;
    background-color: unset;
    opacity: 0;
  }
  .modls .registr .rw0-1 .rw1-3__picture--edit:hover + div {
    transform: scale(1.05);
    transition: 5s;
  }
  .modls .registr .rw0-1 .rw1-3__picture--preview {
    position: relative;
    width: 10vw;
    height: 10vw;
    margin: auto;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
    transition: 2s;
  }
  .modls .registr .rw0-1 .rw1-3__picture--preview > div {
    min-width: 9vw;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../img/profile.png);
    background-size: 90%;
  }
  .modls .registr .rw0-1 .rw1-3__p--text {
    margin: 0 0 5% 0;
    letter-spacing: 1.3px;
    transition: 0.8s;
  }
  .modls .registr .rw0-1 .rw1-3__a--rgstr {
    color: #339c7e;
  }
  .modls .registr .rw0-1 .rw1-3__input {
    width: 100%;
    height: 2.4vw;
    margin: 0 0 6% 0;
    padding: 0 0 0 5%;
    line-height: 1em;
    letter-spacing: 1.3px;
    transition: 0.8s;
  }
  .modls .registr .rw0-1 .rw1-3__input:focus {
    outline: none;
  }
  .modls .registr .rw0-1 .rw1-3__input--textid {
    width: 74%;
    height: 2.4vw;
    float: left;
    margin: 0 2% 6% 0;
    padding: 0 4% 0 4%;
    line-height: 1em;
    letter-spacing: 1.3px;
    transition: 0.8s;
  }
  .modls .registr .rw0-1 .rw1-3__input--textid:focus {
    outline: none;
  }
  .modls .registr .rw0-1 .rw1-3__input--butnid {
    cursor: pointer;
    width: 24%;
    height: 2.4vw;
    float: left;
    margin: 0 0 6% 0;
    padding: 0 4% 0 5%;
    transition: 0.8s;
  }
  .modls .registr .rw0-1 .rw1-3__select--gender {
    width: 100%;
    height: 2.5vw;
    margin: 0 0 6% 0;
    padding: 0 0 0 4%;
    transition: 0.8s;
  }
  .modls .registr .rw0-1 .rw1-3__select--gender:focus {
    outline: none;
  }
  .modls .registr .rw0-1 .rw1-3__select--date {
    width: 32.6%;
    height: 2.4vw;
    margin: 0 0 6% 0;
    padding: 0em 0.8em;
    transition: 0.8s;
  }
  .modls .registr .rw0-1 .rw1-3__select--date:focus {
    outline: none;
  }
  .modls .registr .rw0-1 .rw1-3__select--date:focus {
    outline: none;
  }
  .modls .registr .rw0-1 .rw1-3__input--param {
    display: inline-block !important;
    width: 49%;
    height: 2.4vw;
    margin: 0 0 6% 0;
    padding: 0 0 0 4%;
    transition: 0.8s;
  }
  .modls .registr .rw0-1 .rw1-3__input--param:focus {
    outline: none;
  }
  .modls .registr .rw0-1 .rw1-3__input--checkbox {
    display: block;
    position: relative;
    padding-left: 8%;
    margin-bottom: 12px;
    cursor: pointer;
    font-size: .9vw;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
  }
  .modls .registr .rw0-1 .rw1-3__input--checkbox input {
    position: absolute;
    opacity: 0;
    /* cursor: pointer; */
    /* height: 0; */
    /* width: 0; */
    left: 6px;
    top: 10px;
  }
  .modls .registr .rw0-1 .rw1-3 .checkmark {
    position: absolute;
    top: 5%;
    left: 0;
    height: 1.3vw;
    width: 1.3vw;
    transition: .5s;
    border: 1px solid #d4d1d1;
  }
  .modls .registr .rw0-1 .rw1-3__input--checkbox:hover input ~ .checkmark {
    background-color: #e7e7e7;
  }
  .modls .registr .rw0-1 .rw1-3__input--checkbox input:checked ~ .checkmark {
    background-color: #339c7e;
  }
  .modls .registr .rw0-1 .rw1-3 .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  .modls .registr .rw0-1 .rw1-3__input--checkbox input:checked ~ .checkmark:after {
    display: block;
  }
  .modls .registr .rw0-1 .rw1-3__input--checkbox .checkmark:after {
    left: 8px;
    top: 2px;
    width: 8px;
    height: 15px;
    border: solid white;
    border-width: 0 3px 3px 0;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .modls .registr .rw0-1 .rw1-3 a {
    color: #339c7e;
    letter-spacing: .3px;
  }
  .modls .registr .rw0-1 .rw1-3 hr {
    margin: 6% 0 6% 0;
  }
  .modls .registr .rw0-1 .rw1-3__input--button {
    cursor: pointer;
    width: 50%;
    height: 2.4vw;
    font-size: 0.9em;
    letter-spacing: 2px;
    padding: 0px !important;
    transition: 0.8s;
  }
  .modls .reset {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    display: none;
    vertical-align: middle;
  }
  .modls .reset .rw0-1 {
    -webkit-animation-name: registr;
    animation-name: registr;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    position: relative;
    margin: 0 auto 4vw auto;
    padding: 0;
    width: 27%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
  @-webkit-keyframes registr {
    from {
      top: 300px;
      opacity: 0;
    }
    to {
      top: 0px;
      opacity: 1;
    }
  }
  @keyframes registr {
    from {
      top: 300px;
      opacity: 0;
    }
    to {
      top: 0px;
      opacity: 1;
    }
  }
  .modls .reset .rw0-1 .cl1-1 {
    margin: 0 0 5% 0;
    color: #ffffff;
    background-color: #339c7e;
    text-align: center;
    font-size: 1.1vw;
    line-height: 3vw;
    letter-spacing: 0.3em;
  }
  .modls .reset .rw0-1 .cl1-2 {
    text-align: center;
    margin: 5% 0 5% 0;
  }
  .modls .reset .rw0-1 .cl1-2 p {
    margin: 0 !important;
    color: #339c7e;
    font-size: 0.9vw;
    font-weight: 400;
    letter-spacing: 1px;
  }
  .modls .reset .rw0-1 .cl1-3 {
    text-align: center;
    font-size: 0.9vw;
    padding: 0% 6% 6% 6%;
  }
  .modls .reset .rw0-1 .cl1-3 hr {
    margin: 0 0 5% 0;
  }
  .modls .reset .rw0-1 .cl1-3__input {
    margin: 0 0 5% 0;
    width: 100%;
    height: 3vw;
    padding: 0 0 0 5%;
    line-height: 1em;
    letter-spacing: 1.3px;
    transition: 0.8s;
  }
  .modls .reset .rw0-1 .cl1-3__input:focus {
    outline: none;
  }
  .modls .reset .rw0-1 .cl1-3__p--text {
    margin: 0 0 5% 0;
    letter-spacing: 0.03vw;
  }
  .modls .reset .rw0-1 .cl1-3__select--gender {
    width: 100%;
    height: 3.1vw;
    margin: 0 0 6% 0;
    padding: 0 0 0 4%;
    transition: 0.8s;
  }
  .modls .reset .rw0-1 .cl1-3__select--gender:focus {
    outline: none;
  }
  .modls .reset .rw0-1 .cl1-3__select--date {
    width: 32.6%;
    height: 3vw;
    margin: 0 0 6% 0;
    padding: 0.8em 0.8em;
    transition: 0.8s;
  }
  .modls .reset .rw0-1 .cl1-3__select--date:focus {
    outline: none;
  }
  .modls .reset .rw0-1 .cl1-3__input--param {
    display: inline-block !important;
    width: 49%;
    height: 3vw;
    margin: 0 0 6% 0;
    padding: 0 0 0 4%;
    transition: 0.8s;
  }
  .modls .reset .rw0-1 .cl1-3__input--param:focus {
    outline: none;
  }
  .modls .reset .rw0-1 .cl1-3__input--button {
    cursor: pointer;
    width: 60%;
    height: 2.5vw;
    font-size: 0.9em;
    letter-spacing: 2px;
    padding: 0px !important;
    transition: 0.8s;
  }
  .modls .recover {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    display: none;
    vertical-align: middle;
  }
  .modls .recover .rw0-1 {
    -webkit-animation-name: registr;
    animation-name: registr;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    position: relative;
    margin: 0 auto 4vw auto;
    padding: 0;
    width: 27%;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  }
  @-webkit-keyframes registr {
    from {
      top: 300px;
      opacity: 0;
    }
    to {
      top: 0px;
      opacity: 1;
    }
  }
  @keyframes registr {
    from {
      top: 300px;
      opacity: 0;
    }
    to {
      top: 0px;
      opacity: 1;
    }
  }
  .modls .recover .rw0-1 .cl1-1 {
    margin: 0 0 5% 0;
    color: #ffffff;
    background-color: #339c7e;
    text-align: center;
    font-size: 1.1vw;
    line-height: 3vw;
    letter-spacing: 0.3em;
  }
  .modls .recover .rw0-1 .cl1-2 {
    text-align: center;
    margin: 5% 0 5% 0;
  }
  .modls .recover .rw0-1 .cl1-2 p {
    margin: 0 !important;
    color: #339c7e;
    font-size: 0.9vw;
    font-weight: 400;
    letter-spacing: 1px;
  }
  .modls .recover .rw0-1 .cl1-3 {
    text-align: center;
    font-size: 0.9vw;
    padding: 0% 6% 6% 6%;
  }
  .modls .recover .rw0-1 .cl1-3 hr {
    margin: 0 0 5% 0;
  }
  .modls .recover .rw0-1 .cl1-3__input {
    margin: 0 0 5% 0;
    width: 100%;
    height: 3vw;
    padding: 0 0 0 5%;
    line-height: 1em;
    letter-spacing: 1.3px;
    transition: 0.8s;
  }
  .modls .recover .rw0-1 .cl1-3__input:focus {
    outline: none;
  }
  .modls .recover .rw0-1 .cl1-3__p--text {
    margin: 0 0 5% 0;
    letter-spacing: 0.03vw;
  }
  .modls .recover .rw0-1 .cl1-3__select--gender {
    width: 100%;
    height: 3.1vw;
    margin: 0 0 6% 0;
    padding: 0 0 0 4%;
    transition: 0.8s;
  }
  .modls .recover .rw0-1 .cl1-3__select--gender:focus {
    outline: none;
  }
  .modls .recover .rw0-1 .cl1-3__select--date {
    width: 32.6%;
    height: 3vw;
    margin: 0 0 6% 0;
    padding: 0.8em 0.8em;
    transition: 0.8s;
  }
  .modls .recover .rw0-1 .cl1-3__select--date:focus {
    outline: none;
  }
  .modls .recover .rw0-1 .cl1-3__input--param {
    display: inline-block !important;
    width: 49%;
    height: 3vw;
    margin: 0 0 6% 0;
    padding: 0 0 0 4%;
    transition: 0.8s;
  }
  .modls .recover .rw0-1 .cl1-3__input--param:focus {
    outline: none;
  }
  .modls .recover .rw0-1 .cl1-3__input--button {
    cursor: pointer;
    width: 60%;
    height: 2.5vw;
    font-size: 0.9em;
    letter-spacing: 2px;
    padding: 0px !important;
    transition: 0.8s;
  }
  .modls .mdlAnmWin {
    animation: mymove 0.4s !important;
    -webkit-animation: mymove 0.4s !important;
    -webkit-transform: translate(0, -15em);
    -moz-transform: translate(0, -15em);
    -o-transform: translate(0, -15em);
    -ms-transform: translate(0, -15em);
    transform: translate(0, -15em);
  }
  @-webkit-keyframes mymove {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  @keyframes mymove {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }
  .modls .profile {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    display: none;
    vertical-align: middle;
  }
  .modls .profile .rw0-1 {
    -webkit-animation-name: profile;
    animation-name: profile;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    position: relative;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width: 26%;
    margin: 0 auto 7vw auto;
    padding: 0;
  }
  @-webkit-keyframes profile {
    from {
      top: 300px;
      opacity: 0;
    }
    to {
      top: 0px;
      opacity: 1;
    }
  }
  @keyframes profile {
    from {
      top: 300px;
      opacity: 0;
    }
    to {
      top: 0px;
      opacity: 1;
    }
  }
  .modls .profile .rw0-1 .rw1-1 {
    margin: 0;
    text-align: center;
    font-size: 1.1vw;
    line-height: 3vw;
    letter-spacing: 0.3em;
    color: #ffffff;
    background-color: #339c7e;
  }
  .modls .profile .rw0-1 .rw1-2 {
    text-align: center;
  }
  .modls .profile .rw0-1 .rw1-2 p {
    margin: 0 !important;
    color: #339c7e;
    font-size: 0.9vw;
    font-weight: 400;
    letter-spacing: 1px;
  }
  .modls .profile .rw0-1 .rw1-3 {
    text-align: center;
    font-size: 0.9vw;
    padding: 6% 6% 6% 6%;
  }
  .modls .profile .rw0-1 .rw1-3 hr {
    margin-top: 1.4rem;
    margin-bottom: 1.4rem;
  }
  .modls .profile .rw0-1 .rw1-3__upload {
    position: relative;
    max-width: 10vw;
    margin: 0 auto 6% auto;
  }
  .modls .profile .rw0-1 .rw1-3__upload--edit {
    z-index: 1;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    transition: 2s;
  }
  .modls .profile .rw0-1 .rw1-3__upload--edit input {
    display: none;
  }
  .modls .profile .rw0-1 .rw1-3__upload--edit input + label {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-bottom: 0;
    border-radius: 100%;
    background: #ffffff;
    border: 1px solid transparent;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
  }
  .modls .profile .rw0-1 .rw1-3__upload--edit input + label:hover {
    background: #f1f1f1;
    border-color: #d6d6d6;
  }
  .modls .profile .rw0-1 .rw1-3__upload--edit input + label:after {
    content: "\f040";
    font-family: "FontAwesome";
    color: #757575;
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
  }
  .modls .profile .rw0-1 .rw1-3__upload--edit input + label {
    width: 100%;
    height: 100%;
    border-radius: 0%;
    background-color: unset;
    opacity: 0;
  }
  .modls .profile .rw0-1 .rw1-3__upload--edit:hover + div {
    transform: scale(1.05);
    transition: 5s;
  }
  .modls .profile .rw0-1 .rw1-3__upload--preview {
    position: relative;
    width: 10vw;
    height: 10vw;
    margin: auto;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
    transition: 2s;
  }
  .modls .profile .rw0-1 .rw1-3__upload--preview > div {
    min-width: 9vw;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../img/profile.png);
    background-size: 90%;
  }
  .modls .profile .rw0-1 .rw1-3__p--text {
    margin: 0 0 5% 0;
    letter-spacing: 1.3px;
    transition: 0.8s;
  }
  .modls .profile .rw0-1 .rw1-3__a--rgstr {
    color: #339c7e;
  }
  .modls .profile .rw0-1 .rw1-3__input {
    width: 100%;
    height: 2.4vw;
    margin: 0 0 6% 0;
    padding: 0 0 0 5%;
    line-height: 1em;
    letter-spacing: 1.3px;
    transition: 0.8s;
  }
  .modls .profile .rw0-1 .rw1-3__input:focus {
    outline: none;
  }
  .modls .profile .rw0-1 .rw1-3__input--end {
    width: 100%;
    height: 2.4vw;
    margin: 0 0 1% 0;
    padding: 0 0 0 5%;
    line-height: 1em;
    letter-spacing: 1.3px;
    transition: 0.8s;
  }
  .modls .profile .rw0-1 .rw1-3__input--textid {
    width: 74%;
    height: 2.4vw;
    float: left;
    margin: 0 2% 6% 0;
    padding: 0 4% 0 4%;
    line-height: 1em;
    letter-spacing: 1.3px;
    transition: 0.8s;
  }
  .modls .profile .rw0-1 .rw1-3__input--textid:focus {
    outline: none;
  }
  .modls .profile .rw0-1 .rw1-3__input--butnid {
    cursor: pointer;
    width: 24%;
    height: 2.4vw;
    float: left;
    margin: 0 0 6% 0;
    padding: 0 4% 0 5%;
    transition: 0.8s;
  }
  .modls .profile .rw0-1 .rw1-3__select--gender {
    width: 100%;
    height: 2.5vw;
    margin: 0 0 6% 0;
    padding: 0 0 0 4%;
    transition: 0.8s;
  }
  .modls .profile .rw0-1 .rw1-3__select--gender:focus {
    outline: none;
  }
  .modls .profile .rw0-1 .rw1-3__select--date {
    width: 32.6%;
    height: 2.4vw;
    margin: 0 0 6% 0;
    padding: 0em 0.8em;
    transition: 0.8s;
  }
  .modls .profile .rw0-1 .rw1-3__select--date:focus {
    outline: none;
  }
  .modls .profile .rw0-1 .rw1-3__select--date:focus {
    outline: none;
  }
  .modls .profile .rw0-1 .rw1-3__input--param {
    display: inline-block !important;
    width: 49%;
    height: 2.4vw;
    margin: 0 0 6% 0;
    padding: 0 0 0 4%;
    transition: 0.8s;
  }
  .modls .profile .rw0-1 .rw1-3__input--param:focus {
    outline: none;
  }
  .modls .profile .rw0-1 .rw1-3__input--button {
    cursor: pointer;
    width: 50%;
    height: 2.4vw;
    font-size: 0.9em;
    letter-spacing: 2px;
    padding: 0px !important;
    transition: 0.8s;
  }
  .modls .profile2 {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    display: none;
    vertical-align: middle;
  }
  .modls .profile2 .rw0-1 {
    -webkit-animation-name: profile;
    animation-name: profile;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    position: relative;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width: 26%;
    margin: 0 auto 7vw auto;
    padding: 0;
  }
  @-webkit-keyframes profile {
    from {
      top: 300px;
      opacity: 0;
    }
    to {
      top: 0px;
      opacity: 1;
    }
  }
  @keyframes profile {
    from {
      top: 300px;
      opacity: 0;
    }
    to {
      top: 0px;
      opacity: 1;
    }
  }
  .modls .profile2 .rw0-1 .rw1-1 {
    margin: 0;
    text-align: center;
    font-size: 1.1vw;
    line-height: 3vw;
    letter-spacing: 0.3em;
    color: #ffffff;
    background-color: #339c7e;
  }
  .modls .profile2 .rw0-1 .rw1-2 {
    text-align: center;
  }
  .modls .profile2 .rw0-1 .rw1-2 p {
    margin: 0 !important;
    color: #339c7e;
    font-size: 0.9vw;
    font-weight: 400;
    letter-spacing: 1px;
  }
  .modls .profile2 .rw0-1 .rw1-3 {
    text-align: center;
    font-size: 0.9vw;
    padding: 1% 6% 6% 6%;
  }
  .modls .profile2 .rw0-1 .rw1-3 hr {
    margin-top: 1.4rem;
    margin-bottom: 1.4rem;
  }
  .modls .profile2 .rw0-1 .rw1-3 .mdlMsgErr {
    opacity: 0;
    padding-bottom: .6vw;
    height: 0px;
    color: #339c7e;
  }
  .modls .profile2 .rw0-1 .rw1-3__upload {
    position: relative;
    max-width: 10vw;
    margin: 0 auto 6% auto;
  }
  .modls .profile2 .rw0-1 .rw1-3__upload--edit {
    z-index: 1;
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    width: 100%;
    transition: 2s;
  }
  .modls .profile2 .rw0-1 .rw1-3__upload--edit input {
    display: none;
  }
  .modls .profile2 .rw0-1 .rw1-3__upload--edit input + label {
    display: inline-block;
    width: 34px;
    height: 34px;
    margin-bottom: 0;
    border-radius: 100%;
    background: #ffffff;
    border: 1px solid transparent;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.12);
    cursor: pointer;
    font-weight: normal;
    transition: all 0.2s ease-in-out;
  }
  .modls .profile2 .rw0-1 .rw1-3__upload--edit input + label:hover {
    background: #f1f1f1;
    border-color: #d6d6d6;
  }
  .modls .profile2 .rw0-1 .rw1-3__upload--edit input + label:after {
    content: "\f040";
    font-family: "FontAwesome";
    color: #757575;
    position: absolute;
    top: 5px;
    left: 0;
    right: 0;
    text-align: center;
    margin: auto;
  }
  .modls .profile2 .rw0-1 .rw1-3__upload--edit input + label {
    width: 100%;
    height: 100%;
    border-radius: 0%;
    background-color: unset;
    opacity: 0;
  }
  .modls .profile2 .rw0-1 .rw1-3__upload--edit:hover + div {
    transform: scale(1.05);
    transition: 5s;
  }
  .modls .profile2 .rw0-1 .rw1-3__upload--preview {
    position: relative;
    width: 10vw;
    height: 10vw;
    margin: auto;
    box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.1);
    transition: 2s;
  }
  .modls .profile2 .rw0-1 .rw1-3__upload--preview > div {
    min-width: 9vw;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-image: url(../img/profile.png);
    background-size: 90%;
  }
  .modls .profile2 .rw0-1 .rw1-3__p--text {
    margin: 0 0 5% 0;
    letter-spacing: 1.3px;
    transition: 0.8s;
  }
  .modls .profile2 .rw0-1 .rw1-3__a--rgstr {
    color: #339c7e;
  }
  .modls .profile2 .rw0-1 .rw1-3__input {
    width: 100%;
    height: 2.4vw;
    margin: 0 0 6% 0;
    padding: 0 0 0 5%;
    line-height: 1em;
    letter-spacing: 1.3px;
    transition: 0.8s;
  }
  .modls .profile2 .rw0-1 .rw1-3__input:focus {
    outline: none;
  }
  .modls .profile2 .rw0-1 .rw1-3__input--end {
    width: 100%;
    height: 2.4vw;
    margin: 0 0 1% 0;
    padding: 0 0 0 5%;
    line-height: 1em;
    letter-spacing: 1.3px;
    transition: 0.8s;
  }
  .modls .profile2 .rw0-1 .rw1-3__input--button {
    cursor: pointer;
    width: 50%;
    height: 2.4vw;
    font-size: 0.9em;
    letter-spacing: 2px;
    padding: 0px !important;
    transition: 0.8s;
  }
  .modls .interface {
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    display: none;
    vertical-align: middle;
  }
  .modls .interface .rw0-1 {
    -webkit-animation-name: profile;
    animation-name: profile;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    position: relative;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width: 35%;
    margin: 0 auto 7vw auto;
    padding: 0;
  }
  @-webkit-keyframes profile {
    from {
      top: 300px;
      opacity: 0;
    }
    to {
      top: 0px;
      opacity: 1;
    }
  }
  @keyframes profile {
    from {
      top: 300px;
      opacity: 0;
    }
    to {
      top: 0px;
      opacity: 1;
    }
  }
  .modls .interface .rw0-1 .rw1-1 {
    margin: 0;
    text-align: center;
    font-size: 1.1vw;
    line-height: 3vw;
    letter-spacing: 0.3em;
    color: #ffffff;
    background-color: #339c7e;
  }
  .modls .interface .rw0-1 .rw1-2 {
    width: 100%;
    text-align: center;
    margin: 8% 0% 3% 0%;
    letter-spacing: 0.1em;
  }
  .modls .interface .rw0-1 .rw1-2__block {
    width: 75%;
    margin: auto;
    cursor: pointer;
    transition: 1s;
  }
  .modls .interface .rw0-1 .rw1-2__block--img {
    width: 80%;
    margin: 1vw;
    border: 1px solid #0000003b;
  }
  .modls .interface .rw0-1 .rw1-2__block--title {
    margin: 0px !important;
    padding: 0.5em 2em 0.5em 2em;
    font-size: 0.9vw;
  }
  .modls .interface .rw0-1 .rw1-3 {
    text-align: center;
    font-size: 0.9vw;
    padding: 1% 6% 6% 6%;
  }
  .modls .interface .rw0-1 .rw1-3__text {
    padding: 4% 0 5% 0;
    letter-spacing: 1px;
    text-align: center;
  }
  .modls .interface .rw0-1 .rw1-3__button {
    cursor: pointer;
    width: 41%;
    margin: auto;
    height: 2.4vw;
    font-size: 0.9em;
    letter-spacing: 2px;
    padding: 2%;
    transition: 0.8s;
  }
  .modls .crowdsoursing {
    display: none;
    vertical-align: middle;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .modls .crowdsoursing .rw0-1 {
    -webkit-animation-name: contact;
    animation-name: contact;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    position: relative;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    width: 47%;
    margin: 0 auto 7vw auto;
    padding: 0;
  }
  @-webkit-keyframes contact {
    from {
      top: 300px;
      opacity: 0;
    }
    to {
      top: 0px;
      opacity: 1;
    }
  }
  @keyframes contact {
    from {
      top: 300px;
      opacity: 0;
    }
    to {
      top: 0px;
      opacity: 1;
    }
  }
  .modls .crowdsoursing .rw0-1 .rw1-1 {
    margin: 0;
    color: #ffffff;
    background-color: #339c7e;
    text-align: center;
    font-size: 1.1vw;
    line-height: 3vw;
    letter-spacing: 0.3em;
  }
  .modls .crowdsoursing .rw0-1 .rw1-1 .modls--button__close {
    padding-left: 11%;
  }
  .modls .crowdsoursing .rw0-1 .rw1-2 {
    text-align: center;
    font-size: 0.9vw;
    overflow: auto;
    height: 38vw;
    margin: 0 auto;
    width: 100%;
    overflow-x: hidden;
    overflow-y: hidden;
    border-bottom: 0.7em solid #f5f5f8;
  }
  .modls .crowdsoursing .rw0-1 .rw1-2 .test {
    width: 50%;
  }
  .modls .crowdsoursing .rw0-1 .rw1-2 .twitter-tweet {
    width: unset !important;
  }
  .modls .crowdsoursing .rw0-1 .rw1-2__block--off {
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 1% 1% 0% 1%;
    transition: 1s;
  }
  .modls .crowdsoursing .rw0-1 .rw1-2__block--on {
    opacity: 0;
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 1% 1% 0% 1%;
    transition: 1s;
  }
  .modls .crowdsoursing .rw0-1 .rw1-2__textarea {
    margin: 0 0 6% 0;
    padding: 3% 4%;
    height: 15vw;
    width: 100%;
    transition: 0.8s;
  }
  .modls .crowdsoursing .rw0-1 .rw1-2__textarea:focus {
    outline: none;
  }
  .modls .crowdsoursing .rw0-1 .rw1-2__input--button {
    cursor: pointer;
    width: 50%;
    height: 2.4vw;
    font-size: 0.9em;
    letter-spacing: 2px;
    padding: 0px !important;
    transition: 0.8s;
  }
  .modls .wallet {
    display: none;
    vertical-align: middle;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .modls .wallet p {
    margin: 0px;
  }
  .modls .wallet .rw0-1 {
    text-align: center;
    position: relative;
    width: 30%;
    margin: 0 auto 7vw auto;
    padding: 0;
    letter-spacing: 1px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-animation-name: wallet;
    animation-name: wallet;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
  }
  @-webkit-keyframes wallet {
    from {
      top: 300px;
      opacity: 0;
    }
    to {
      top: 0px;
      opacity: 1;
    }
  }
  @keyframes wallet {
    from {
      top: 300px;
      opacity: 0;
    }
    to {
      top: 0px;
      opacity: 1;
    }
  }
  .modls .wallet .rw0-1 .rw1-1 {
    margin: 0;
    text-align: center;
    font-size: 1.1vw;
    line-height: 3vw;
    letter-spacing: 0.3em;
    color: #ffffff;
    background-color: #339c7e;
  }
  .modls .wallet .rw0-1 .rw1-2 {
    text-align: center;
    font-size: 0.9vw;
    margin-bottom: 3%;
  }
  .modls .wallet .rw0-1 .rw1-2__cl {
    margin: 0 1em;
    display: inline-block;
  }
  .modls .wallet .rw0-1 .rw1-2__img {
    display: block;
    margin: auto;
    width: 4vw;
  }
  .modls .wallet .rw0-1 .rw1-2__text {
    font-weight: 600;
  }
  .modls .wallet .rw0-1 .rw1-3 {
    text-align: left;
    font-size: 0.9vw;
    margin: 3% 0% 5% 0%;
  }
  .modls .wallet .rw0-1 .rw1-3__title {
    text-align: center;
    font-size: 16px;
    letter-spacing: 3px;
    margin: 0 0 3% 0;
    padding: 1% 0 4% 0;
    color: gray;
  }
  .modls .wallet .rw0-1 .rw1-3__menu {
    margin: 0 0 4% 0;
    text-align: center;
  }
  .modls .wallet .rw0-1 .rw1-3__menu a {
    display: inline-block;
    text-decoration: none;
    color: gray !important;
    border: 1px solid #dfdfdf;
    width: 21%;
    padding: 5px;
  }
  .modls .wallet .rw0-1 .rw1-3__menu a:hover {
    border-color: #999999;
  }
  .modls .wallet .rw0-1 .rw1-3__table {
    width: 100%;
    padding: 0 0 10px 0;
    margin: 0 0 3% 0;
    text-align: center;
  }
  .modls .wallet .rw0-1 .rw1-3__table--title {
    padding: 0 0 3% 0;
  }
  .modls .wallet .rw0-1 .rw1-3__table--content {
    font-size: 0.8vw;
    padding: 4% 4% 2% 4%;
  }
  .modls .wallet .rw0-1 .rw1-3__table td {
    width: 20%;
  }
  .modls .wallet .rw0-1 .rw1-3__table th {
    font-weight: 400 !important;
  }
  .modls .wallet .rw0-1 .rw1-3__table--minus {
    color: red;
  }
  .modls .wallet .rw0-1 .rw1-3__table--plus {
    color: green;
  }
  .modls .wallet .rw0-1 .rw1-4 {
    text-align: center;
    font-size: 0.9vw;
    padding: 0 0 5% 0;
  }
  .modls .wallet .rw0-1 .rw1-4__button {
    display: block;
    margin: auto;
    padding: 2%;
    cursor: pointer;
    width: 42%;
    font-size: 0.9em;
    letter-spacing: 2px;
    transition: 0.8s;
  }
  .modls .transn {
    display: none;
    vertical-align: middle;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .modls .transn .rw0-1 {
    position: relative;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-animation-name: transn;
    animation-name: transn;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    width: 26%;
    margin: 0 auto 7vw auto;
    padding: 0;
  }
  @-webkit-keyframes transn {
    from {
      top: 300px;
      opacity: 0;
    }
    to {
      top: 0px;
      opacity: 1;
    }
  }
  @keyframes transn {
    from {
      top: 300px;
      opacity: 0;
    }
    to {
      top: 0px;
      opacity: 1;
    }
  }
  .modls .transn .rw0-1 .rw1-1 {
    margin: 0;
    color: #ffffff;
    background-color: #339c7e;
    text-align: center;
    font-size: 1.1vw;
    line-height: 3vw;
    letter-spacing: 0.3em;
  }
  .modls .transn .rw0-1 .rw1-2 {
    text-align: center;
    font-size: 0.9vw;
    padding: 1% 6% 6% 6%;
  }
  .modls .transn .rw0-1 .rw1-2 hr {
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }
  .modls .transn .rw0-1 .rw1-2__error {
    height: .5em;
    color: #339c7e;
    opacity: 0;
    letter-spacing: 2px;
    transition: 1s;
  }
  .modls .transn .rw0-1 .rw1-2__input {
    width: 100%;
    height: 2.5vw;
    margin: 0 0 6% 0;
    padding: 0 5% 0 5%;
    line-height: 1em;
    letter-spacing: 1.3px;
    transition: 0.8s;
  }
  .modls .transn .rw0-1 .rw1-2__input:focus {
    outline: none;
  }
  .modls .transn .rw0-1 .rw1-2__input--end {
    width: 100%;
    height: 2.5vw;
    margin: 0 0 0 0;
    padding: 0 5% 0 5%;
    line-height: 1em;
    letter-spacing: 1.3px;
    transition: 0.8s;
  }
  .modls .transn .rw0-1 .rw1-2__input--end:focus {
    outline: none;
  }
  .modls .transn .rw0-1 .rw1-2__select--type {
    width: 100%;
    height: 2.5vw;
    margin: 0 0 6% 0;
    padding: 0 0 0 3%;
    transition: 0.8s;
  }
  .modls .transn .rw0-1 .rw1-2__textarea {
    margin: 0 0 6% 0;
    padding: 3% 4%;
    height: 5vw;
    width: 100%;
    letter-spacing: 1.3px;
    transition: 0.8s;
  }
  .modls .transn .rw0-1 .rw1-2__textarea:focus {
    outline: none;
  }
  .modls .transn .rw0-1 .rw1-2__input--button {
    cursor: pointer;
    width: 50%;
    height: 2.3vw;
    font-size: 0.9em;
    letter-spacing: 2px;
    padding: 0px !important;
    transition: 0.8s;
  }
  .modls .activts {
    display: none;
    vertical-align: middle;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .modls .activts .rw0-1 {
    position: relative;
    overflow: hidden;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-animation-name: activts;
    animation-name: activts;
    -webkit-animation-duration: 0.5s;
    animation-duration: 0.5s;
    width: 58%;
    margin: 0 auto 4vw auto;
    padding: 0;
    font-size: 0.9vw;
  }
  @-webkit-keyframes activts {
    from {
      top: 300px;
      opacity: 0;
    }
    to {
      top: 0px;
      opacity: 1;
    }
  }
  @keyframes activts {
    from {
      top: 300px;
      opacity: 0;
    }
    to {
      top: 0px;
      opacity: 1;
    }
  }
  .modls .activts .rw0-1 .cl1-1 {
    color: #ffffff;
    background-color: #339c7e;
    text-align: center;
    font-size: 1.1vw;
    line-height: 3vw;
    letter-spacing: 0.3em;
  }
  .modls .activts .rw0-1 .cl1-2 {
    display: grid;
    grid-auto-rows: auto;
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    width: 100%;
    padding: 30px;
    grid-template-areas: "header aside" "footer aside";
    grid-template-rows: 1fr 1fr;
    grid-template-columns: 1fr 1fr;
  }
  .modls .activts .rw0-1 .cl1-2 .cl1-2__title {
    text-align: center;
    letter-spacing: 2px;
    font-weight: 400;
    margin-bottom: 20px;
    padding: 2%;
  }
  .modls .activts .rw0-1 .cl1-2 header {
    grid-area: header;
    width: 100%;
  }
  .modls .activts .rw0-1 .cl1-2 header .cl1-2__chart--line {
    padding: 0 3% 3% 3%;
  }
  .modls .activts .rw0-1 .cl1-2 aside {
    grid-area: aside;
    height: 100%;
    width: 100%;
  }
  .modls .activts .rw0-1 .cl1-2 aside .cl1-2__chart {
    display: table;
    height: 32vw;
    width: 100%;
  }
  .modls .activts .rw0-1 .cl1-2 aside .cl1-2__chart--text {
    text-align: center;
    width: 100%;
  }
  .modls .activts .rw0-1 .cl1-2 aside .cl1-2__chart--pie {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
  }
  .modls .activts .rw0-1 .cl1-2 footer {
    grid-area: footer;
    width: 100%;
  }
  .modls .activts .rw0-1 .cl1-2 footer .cl1-2__chart--line {
    padding: 0 3% 3% 3%;
  }
  .modls .app {
    display: none;
    vertical-align: middle;
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
  }
  .modls .app .rw0-1 {
    position: relative;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    -webkit-animation-name: app;
    animation-name: app;
    -webkit-animation-duration: 0.4s;
    animation-duration: 0.4s;
    width: 45%;
    margin: 0 auto 7vw auto;
    padding: 0;
  }
  @-webkit-keyframes app {
    from {
      top: 300px;
      opacity: 0;
    }
    to {
      top: 0px;
      opacity: 1;
    }
  }
  @keyframes app {
    from {
      top: 300px;
      opacity: 0;
    }
    to {
      top: 0px;
      opacity: 1;
    }
  }
  .modls .app .rw0-1 .rw1-1 {
    margin: 0;
    text-align: center;
    font-size: 1.1vw;
    line-height: 3vw;
    letter-spacing: 0.3em;
    color: #ffffff;
    background-color: #339c7e;
  }
  .modls .app .rw0-1 .rw1-2 {
    text-align: center;
    padding: 0 5% 2% 6%;
    overflow: auto;
    height: 38vw;
  }
  .modls .app .rw0-1 .rw1-2 .mixDshSty {
    background-size: cover;
    transition: 1s;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
  }
  .modls .app .rw0-1 .rw1-2 .rw0-1 {
    margin-bottom: 3%;
    text-align: center;
  }
  .modls .app .rw0-1 .rw1-2 .rw0-1 h5 {
    letter-spacing: 0.3em;
    line-height: 10vw;
  }
  .modls .app .rw0-1 .rw1-2 .rw0-2 {
    margin: 5% 0;
    background-size: cover;
    transition: 1s;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
  }
  .modls .app .rw0-1 .rw1-2 .rw0-2 .cl1-1 {
    margin: 0 0 0 0;
  }
  .modls .app .rw0-1 .rw1-2 .rw0-2 .cl2-1 {
    display: table;
    height: 13.5vw;
    margin: 0 0 0 0;
    font-size: 1em;
  }
  .modls .app .rw0-1 .rw1-2 .rw0-2 .cl2-1 .cl3-1 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 1.9vw;
    height: 100%;
    width: 30%;
  }
  .modls .app .rw0-1 .rw1-2 .rw0-2 .cl2-1 .cl3-1__img {
    width: 3em;
  }
  .modls .app .rw0-1 .rw1-2 .rw0-2 .cl2-1 .cl3-2 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 0.85vw;
    width: 90%;
    padding: 1em;
  }
  .modls .app .rw0-1 .rw1-2 .rw0-2 .cl2-1 .cl3-2__img {
    width: 5em;
  }
  .modls .app .rw0-1 .rw1-2 .rw0-2 .cl3-2 {
    display: table;
    height: 13.5vw;
    margin: 0 0 0 0;
    font-size: 1em;
  }
  .modls .app .rw0-1 .rw1-2 .rw0-2 .cl3-2 .cl3-1 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 1.9vw;
    height: 100%;
    width: 30%;
  }
  .modls .app .rw0-1 .rw1-2 .rw0-2 .cl3-2 .cl3-1__img {
    width: 3em;
  }
  .modls .app .rw0-1 .rw1-2 .rw0-2 .cl3-2 .cl3-2 {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    font-size: 0.85vw;
    width: 90%;
    padding: 1em;
  }
  .modls .app .rw0-1 .rw1-2 .rw0-2 .cl3-2 .cl3-2__img {
    width: 5em;
  }
  .content {
    position: absolute;
    top: 37%;
    left: 40%;
    width: 100%;
    max-width: 72%;
    height: 100%;
    margin: -15% 0px 0px -25%;
  }
  .content .row {
    margin: 0px;
  }
  .content .col,
  .content .container-fluid {
    padding: 0px;
  }
  .content .dashboard .rw0-1 .cl1-1 {
    padding: 0px;
  }
  .content .dashboard .rw0-1 .cl1-1 .rw2-1 {
    display: block;
    height: 100%;
    background-size: cover;
    text-align: center;
    filter: grayscale(0%) !important;
    -webkit-filter: grayscale(0%) !important;
  }
  .content .dashboard .rw0-1 .cl1-1 .rw2-1__img {
    width: 79%;
    margin: 2vw 0 1em 0;
    padding: 0.5em;
  }
  .content .dashboard .rw0-1 .cl1-1 .rw2-1__text {
    padding: 0 1.2vw;
  }
  .content .dashboard .rw0-1 .cl1-1 .rw2-1__text h5 {
    letter-spacing: 0.2em;
    margin: 10% 0 15% 0;
  }
  .content .dashboard .rw0-1 .cl1-1 .rw2-1__text p {
    text-align: left;
    font-size: 0.9vw;
    line-height: 1em;
    letter-spacing: 0.05em;
    margin: 0 0 20% 0;
    padding: 0.5em 0.5em;
    overflow: hidden;
  }
  .content .dashboard .rw0-1 .cl1-1 .rw2-1__text i {
    margin-right: 0.4em;
    padding-right: 0.5em;
    border-right: 1px solid #cccccc;
  }
  .content .dashboard .rw0-1 .cl1-2 {
    padding: 0 0 0 3.5%;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-1 {
    display: block;
    text-align: center;
    width: 100%;
    margin-bottom: 3.7%;
    padding: 4% 0;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-1__img {
    width: 8%;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-1__text {
    text-align: center;
    font-size: 1vw;
    font-weight: 400;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    margin: 10px 0 0 0;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-1__text span {
    font-weight: 600;
    color: #35b6e0;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 {
    width: 100%;
    margin-bottom: 3.7%;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-1 {
    display: block;
    margin: 0% 4% 0% 0%;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-1 .bl4-0 {
    display: table;
    width: 100%;
    font-size: 0.75vw;
    background-size: cover;
    height: 12.5vw;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-1 .bl4-0:hover .tables {
    margin: 1.5em 0 0 0;
    opacity: 1;
    transform: scale(1);
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-1 .bl4-0 .bl5-1 {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    width: 73%;
    padding: 5% 5%;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-1 .bl4-0 .bl5-1 p {
    margin-bottom: 0px;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-1 .bl4-0 .bl5-1 .tables {
    display: block;
    cursor: pointer;
    margin: 0;
    opacity: 0.7;
    transform: scale(1);
    transition: all 800ms;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-1 .bl4-0 .bl5-1__title {
    font-size: 1vw;
    letter-spacing: 0.2em;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-1 .bl4-0 .bl5-1__demark {
    padding: 3px 0;
    visibility: hidden;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-1 .bl4-0 .bl5-1__note {
    opacity: 0;
    height: 0px;
    font-weight: 350;
    transition: 1s;
    padding: 0.5em 0 0.2em 0;
    letter-spacing: 0.1em;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-1 .bl4-0 .bl5-1__cell--1 {
    font-size: 0.8vw;
    font-weight: 400;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-1 .bl4-0 .bl5-1__cell--2 {
    padding-left: 15px;
    font-size: 0.8vw;
    font-weight: 400;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-1 .bl4-0 .bl5-1__mtitle {
    display: none;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-1 .bl4-0:hover .bl5-1__note {
    opacity: 1;
    padding: 1.5em 0 1em 0;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-1 .bl4-0 .bl5-2 {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 0 5%;
    width: 100%;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-1 .bl4-0 .bl5-2__img {
    width: 6em;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-1 .bl4-0 .bl5-2__mtitle {
    display: none;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-2 {
    display: block;
    margin: 0% 0% 0% 0%;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-2 .bl4-0 {
    display: table;
    width: 100%;
    font-size: 0.75vw;
    background-size: cover;
    height: 12.5vw;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-2 .bl4-0:hover .tables {
    margin: 1.5em 0 0 0;
    opacity: 1;
    transform: scale(1);
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-2 .bl4-0 .bl5-1 {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    width: 73%;
    padding: 5% 5%;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-2 .bl4-0 .bl5-1 p {
    margin-bottom: 0px;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-2 .bl4-0 .bl5-1 .tables {
    display: block;
    cursor: pointer;
    margin: 0;
    opacity: 0.7;
    transform: scale(1);
    transition: all 800ms;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-2 .bl4-0 .bl5-1__title {
    font-size: 1vw;
    letter-spacing: 0.2em;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-2 .bl4-0 .bl5-1__demark {
    padding: 3px 0;
    visibility: hidden;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-2 .bl4-0 .bl5-1__note {
    opacity: 0;
    height: 0px;
    font-weight: 350;
    transition: 1s;
    padding: 0.5em 0 0.2em 0;
    letter-spacing: 0.1em;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-2 .bl4-0 .bl5-1__cell--1 {
    font-size: 0.8vw;
    font-weight: 400;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-2 .bl4-0 .bl5-1__cell--2 {
    padding-left: 15px;
    font-size: 0.8vw;
    font-weight: 400;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-2 .bl4-0 .bl5-1__mtitle {
    display: none;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-2 .bl4-0:hover .bl5-1__note {
    opacity: 1;
    padding: 1.5em 0 1em 0;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-2 .bl4-0 .bl5-2 {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 0 5%;
    width: 100%;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-2 .bl4-0 .bl5-2__img {
    width: 6em;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-2 .bl4-0 .bl5-2__mtitle {
    display: none;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-3 {
    width: 100%;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-3 .cl3-1 {
    display: block;
    margin: 0% 4% 0% 0%;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-3 .cl3-1 .bl4-0 {
    display: table;
    width: 100%;
    font-size: 0.75vw;
    background-size: cover;
    height: 12.5vw;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-3 .cl3-1 .bl4-0:hover .tables {
    margin: 1.5em 0 0 0;
    opacity: 1;
    transform: scale(1);
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-3 .cl3-1 .bl4-0 .bl5-1 {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    width: 73%;
    padding: 5% 5%;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-3 .cl3-1 .bl4-0 .bl5-1 p {
    margin-bottom: 0px;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-3 .cl3-1 .bl4-0 .bl5-1 .tables {
    display: block;
    cursor: pointer;
    margin: 0;
    opacity: 0.7;
    transform: scale(1);
    transition: all 800ms;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-3 .cl3-1 .bl4-0 .bl5-1__title {
    font-size: 1vw;
    letter-spacing: 0.2em;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-3 .cl3-1 .bl4-0 .bl5-1__demark {
    padding: 3px 0;
    visibility: hidden;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-3 .cl3-1 .bl4-0 .bl5-1__note {
    opacity: 0;
    height: 0px;
    font-weight: 350;
    transition: 1s;
    padding: 0.5em 0 0.2em 0;
    letter-spacing: 0.1em;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-3 .cl3-1 .bl4-0 .bl5-1__cell--1 {
    font-size: 0.8vw;
    font-weight: 400;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-3 .cl3-1 .bl4-0 .bl5-1__cell--2 {
    padding-left: 15px;
    font-size: 0.8vw;
    font-weight: 400;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-3 .cl3-1 .bl4-0 .bl5-1__mtitle {
    display: none;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-3 .cl3-1 .bl4-0:hover .bl5-1__note {
    opacity: 1;
    padding: 1.5em 0 1em 0;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-3 .cl3-1 .bl4-0 .bl5-2 {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 0 5%;
    width: 100%;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-3 .cl3-1 .bl4-0 .bl5-2__img {
    width: 6em;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-3 .cl3-1 .bl4-0 .bl5-2__mtitle {
    display: none;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-3 .cl3-2 {
    display: block;
    margin: 0% 0% 0% 0%;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-3 .cl3-2 .bl4-0 {
    display: table;
    width: 100%;
    font-size: 0.75vw;
    background-size: cover;
    height: 12.5vw;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-3 .cl3-2 .bl4-0:hover .tables {
    margin: 1.5em 0 0 0;
    opacity: 1;
    transform: scale(1);
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-3 .cl3-2 .bl4-0 .bl5-1 {
    display: table-cell;
    text-align: left;
    vertical-align: middle;
    width: 73%;
    padding: 5% 5%;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-3 .cl3-2 .bl4-0 .bl5-1 p {
    margin-bottom: 0px;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-3 .cl3-2 .bl4-0 .bl5-1 .tables {
    display: block;
    cursor: pointer;
    margin: 0;
    opacity: 0.7;
    transform: scale(1);
    transition: all 800ms;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-3 .cl3-2 .bl4-0 .bl5-1__title {
    font-size: 1vw;
    letter-spacing: 0.2em;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-3 .cl3-2 .bl4-0 .bl5-1__demark {
    padding: 3px 0;
    visibility: hidden;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-3 .cl3-2 .bl4-0 .bl5-1__note {
    opacity: 0;
    height: 0px;
    font-weight: 350;
    transition: 1s;
    padding: 0.5em 0 0.2em 0;
    letter-spacing: 0.1em;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-3 .cl3-2 .bl4-0 .bl5-1__cell--1 {
    font-size: 0.8vw;
    font-weight: 400;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-3 .cl3-2 .bl4-0 .bl5-1__cell--2 {
    padding-left: 15px;
    font-size: 0.8vw;
    font-weight: 400;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-3 .cl3-2 .bl4-0 .bl5-1__mtitle {
    display: none;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-3 .cl3-2 .bl4-0:hover .bl5-1__note {
    opacity: 1;
    padding: 1.5em 0 1em 0;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-3 .cl3-2 .bl4-0 .bl5-2 {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    padding: 0 5%;
    width: 100%;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-3 .cl3-2 .bl4-0 .bl5-2__img {
    width: 6em;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-3 .cl3-2 .bl4-0 .bl5-2__mtitle {
    display: none;
  }
  .content .mxCntSty {
    text-align: center;
    background-size: cover;
    overflow: hidden;
    white-space: nowrap;
    border-radius: 2px 2px 2px 2px;
    width: 100%;
    height: 13.5vw;
  }
  .content .marketplace .rw0-1 {
    margin-bottom: 3.2%;
    text-align: center;
    height: 10vw;
  }
  .content .marketplace .rw0-1 .row1-1 {
    display: table;
    width: 100%;
    height: 10vw;
  }
  .content .marketplace .rw0-1 .row1-1--block {
    display: table-cell;
    vertical-align: middle;
  }
  .content .marketplace .rw0-1 .row1-1--block:hover p {
    color: #339c7e;
    text-align: center;
    width: 100%;
    font-size: .8vw;
  }
  .content .marketplace .rw0-1 .row1-1--block h5 {
    letter-spacing: 0.3em;
    padding: 2.5% 0 .5em 0;
    width: 100%;
  }
  .content .marketplace .rw0-1 .row1-1--block p {
    text-align: center;
    width: 100%;
    font-size: .8vw;
  }
  .content .marketplace .mixPhsCol h5 {
    padding: 2% 0;
    font-size: 0.9vw;
    letter-spacing: 0.2em;
  }
  .content .marketplace .mixPhsCol__container {
    width: 100%;
    display: table;
    height: 11vw;
  }
  .content .marketplace .mixPhsCol__block {
    display: table-cell;
    vertical-align: middle;
    height: 11vw;
  }
  .content .marketplace .mixPhsCol__block--img {
    width: 35%;
  }
  .content .marketplace .rw0-2 {
    margin-bottom: 3.2%;
  }
  .content .marketplace .rw0-2 .cl1-1 {
    margin-right: 3%;
    text-align: center;
    background-size: cover;
    overflow: hidden;
    white-space: nowrap;
    border-radius: 2px 2px 2px 2px;
    width: 100%;
    height: 13.5vw;
  }
  .content .marketplace .rw0-2 .cl1-1 h5 {
    padding: 2% 0;
    font-size: 0.9vw;
    letter-spacing: 0.2em;
  }
  .content .marketplace .rw0-2 .cl1-1__container {
    width: 100%;
    display: table;
    height: 11vw;
  }
  .content .marketplace .rw0-2 .cl1-1__block {
    display: table-cell;
    vertical-align: middle;
    height: 11vw;
  }
  .content .marketplace .rw0-2 .cl1-1__block--img {
    width: 35%;
  }
  .content .marketplace .rw0-2 .cl1-2 {
    text-align: center;
    background-size: cover;
    overflow: hidden;
    white-space: nowrap;
    border-radius: 2px 2px 2px 2px;
    width: 100%;
    height: 13.5vw;
  }
  .content .marketplace .rw0-2 .cl1-2 h5 {
    padding: 2% 0;
    font-size: 0.9vw;
    letter-spacing: 0.2em;
  }
  .content .marketplace .rw0-2 .cl1-2__container {
    width: 100%;
    display: table;
    height: 11vw;
  }
  .content .marketplace .rw0-2 .cl1-2__block {
    display: table-cell;
    vertical-align: middle;
    height: 11vw;
  }
  .content .marketplace .rw0-2 .cl1-2__block--img {
    width: 35%;
  }
  .content .marketplace .rw0-3 .cl1-1 {
    margin-right: 3%;
    text-align: center;
    background-size: cover;
    overflow: hidden;
    white-space: nowrap;
    border-radius: 2px 2px 2px 2px;
    width: 100%;
    height: 13.5vw;
  }
  .content .marketplace .rw0-3 .cl1-1 h5 {
    padding: 2% 0;
    font-size: 0.9vw;
    letter-spacing: 0.2em;
  }
  .content .marketplace .rw0-3 .cl1-1__container {
    width: 100%;
    display: table;
    height: 11vw;
  }
  .content .marketplace .rw0-3 .cl1-1__block {
    display: table-cell;
    vertical-align: middle;
    height: 11vw;
  }
  .content .marketplace .rw0-3 .cl1-1__block--img {
    width: 35%;
  }
  .content .marketplace .rw0-3 .cl1-2 {
    text-align: center;
    background-size: cover;
    overflow: hidden;
    white-space: nowrap;
    border-radius: 2px 2px 2px 2px;
    width: 100%;
    height: 13.5vw;
  }
  .content .marketplace .rw0-3 .cl1-2 h5 {
    padding: 2% 0;
    font-size: 0.9vw;
    letter-spacing: 0.2em;
  }
  .content .marketplace .rw0-3 .cl1-2__container {
    width: 100%;
    display: table;
    height: 11vw;
  }
  .content .marketplace .rw0-3 .cl1-2__block {
    display: table-cell;
    vertical-align: middle;
    height: 11vw;
  }
  .content .marketplace .rw0-3 .cl1-2__block--img {
    width: 35%;
  }
  .content .crowdsoursing .rw0-1 {
    margin-bottom: 3.2%;
    text-align: center;
    height: 10vw;
  }
  .content .crowdsoursing .rw0-1 .row1-1 {
    display: table;
    width: 100%;
    height: 10vw;
  }
  .content .crowdsoursing .rw0-1 .row1-1--block {
    display: table-cell;
    vertical-align: middle;
  }
  .content .crowdsoursing .rw0-1 .row1-1--block:hover p {
    color: #339c7e;
    text-align: center;
    width: 100%;
    font-size: .8vw;
  }
  .content .crowdsoursing .rw0-1 .row1-1--block h5 {
    letter-spacing: 0.3em;
    padding: 2.5% 0 .5em 0;
    width: 100%;
  }
  .content .crowdsoursing .rw0-1 .row1-1--block p {
    text-align: center;
    width: 100%;
    font-size: .8vw;
  }
  .content .crowdsoursing .mixPhsCol h5 {
    padding: 2% 0;
    font-size: 0.9vw;
    letter-spacing: 0.3em;
  }
  .content .crowdsoursing .mixPhsCol__container {
    width: 100%;
    display: table;
    height: 11vw;
  }
  .content .crowdsoursing .mixPhsCol__block {
    display: table-cell;
    vertical-align: middle;
    height: 11vw;
  }
  .content .crowdsoursing .mixPhsCol__block--img {
    width: 15%;
    padding-bottom: 1em;
  }
  .content .crowdsoursing .rw0-2 {
    margin-bottom: 3.2%;
  }
  .content .crowdsoursing .rw0-2 .cl1-1 {
    margin-right: 3%;
    text-align: center;
    background-size: cover;
    overflow: hidden;
    white-space: nowrap;
    border-radius: 2px 2px 2px 2px;
    width: 100%;
    height: 13.5vw;
  }
  .content .crowdsoursing .rw0-2 .cl1-1 h5 {
    padding: 2% 0;
    font-size: 0.9vw;
    letter-spacing: 0.3em;
  }
  .content .crowdsoursing .rw0-2 .cl1-1__container {
    width: 100%;
    display: table;
    height: 11vw;
  }
  .content .crowdsoursing .rw0-2 .cl1-1__block {
    display: table-cell;
    vertical-align: middle;
    height: 11vw;
  }
  .content .crowdsoursing .rw0-2 .cl1-1__block--img {
    width: 15%;
    padding-bottom: 1em;
  }
  .content .crowdsoursing .rw0-2 .cl1-2 {
    text-align: center;
    background-size: cover;
    overflow: hidden;
    white-space: nowrap;
    border-radius: 2px 2px 2px 2px;
    width: 100%;
    height: 13.5vw;
  }
  .content .crowdsoursing .rw0-2 .cl1-2 h5 {
    padding: 2% 0;
    font-size: 0.9vw;
    letter-spacing: 0.3em;
  }
  .content .crowdsoursing .rw0-2 .cl1-2__container {
    width: 100%;
    display: table;
    height: 11vw;
  }
  .content .crowdsoursing .rw0-2 .cl1-2__block {
    display: table-cell;
    vertical-align: middle;
    height: 11vw;
  }
  .content .crowdsoursing .rw0-2 .cl1-2__block--img {
    width: 15%;
    padding-bottom: 1em;
  }
  .content .crowdsoursing .rw0-3 .cl1-1 {
    margin-right: 3%;
    text-align: center;
    background-size: cover;
    overflow: hidden;
    white-space: nowrap;
    border-radius: 2px 2px 2px 2px;
    width: 100%;
    height: 13.5vw;
  }
  .content .crowdsoursing .rw0-3 .cl1-1 h5 {
    padding: 2% 0;
    font-size: 0.9vw;
    letter-spacing: 0.3em;
  }
  .content .crowdsoursing .rw0-3 .cl1-1__container {
    width: 100%;
    display: table;
    height: 11vw;
  }
  .content .crowdsoursing .rw0-3 .cl1-1__block {
    display: table-cell;
    vertical-align: middle;
    height: 11vw;
  }
  .content .crowdsoursing .rw0-3 .cl1-1__block--img {
    width: 15%;
    padding-bottom: 1em;
  }
  .content .crowdsoursing .rw0-3 .cl1-2 {
    text-align: center;
    background-size: cover;
    overflow: hidden;
    white-space: nowrap;
    border-radius: 2px 2px 2px 2px;
    width: 100%;
    height: 13.5vw;
  }
  .content .crowdsoursing .rw0-3 .cl1-2 h5 {
    padding: 2% 0;
    font-size: 0.9vw;
    letter-spacing: 0.3em;
  }
  .content .crowdsoursing .rw0-3 .cl1-2__container {
    width: 100%;
    display: table;
    height: 11vw;
  }
  .content .crowdsoursing .rw0-3 .cl1-2__block {
    display: table-cell;
    vertical-align: middle;
    height: 11vw;
  }
  .content .crowdsoursing .rw0-3 .cl1-2__block--img {
    width: 15%;
    padding-bottom: 1em;
  }
  .content .games .rw0-1 {
    margin-bottom: 3.2%;
    text-align: center;
    height: 10vw;
  }
  .content .games .rw0-1 .row1-1 {
    display: table;
    width: 100%;
    height: 10vw;
  }
  .content .games .rw0-1 .row1-1--block {
    display: table-cell;
    vertical-align: middle;
  }
  .content .games .rw0-1 .row1-1--block:hover p {
    color: #339c7e;
    text-align: center;
    width: 100%;
    font-size: .8vw;
  }
  .content .games .rw0-1 .row1-1--block h5 {
    letter-spacing: 0.3em;
    padding: 2.5% 0 .5em 0;
    width: 100%;
  }
  .content .games .rw0-1 .row1-1--block p {
    text-align: center;
    width: 100%;
    font-size: .8vw;
  }
  .content .games .mixPhsCol h5 {
    padding: 2% 0;
    font-size: 0.9vw;
    letter-spacing: 0.3em;
  }
  .content .games .mixPhsCol__container {
    width: 100%;
    display: table;
    height: 11vw;
  }
  .content .games .mixPhsCol__block {
    display: table-cell;
    vertical-align: middle;
    height: 11vw;
  }
  .content .games .mixPhsCol__block--img {
    width: 15%;
    padding-bottom: 1em;
  }
  .content .games .rw0-2 {
    margin-bottom: 3.2%;
  }
  .content .games .rw0-2 .cl1-1 {
    margin-right: 3%;
    text-align: center;
    background-size: cover;
    overflow: hidden;
    white-space: nowrap;
    border-radius: 2px 2px 2px 2px;
    width: 100%;
    height: 13.5vw;
  }
  .content .games .rw0-2 .cl1-1 h5 {
    padding: 2% 0;
    font-size: 0.9vw;
    letter-spacing: 0.3em;
  }
  .content .games .rw0-2 .cl1-1__container {
    width: 100%;
    display: table;
    height: 11vw;
  }
  .content .games .rw0-2 .cl1-1__block {
    display: table-cell;
    vertical-align: middle;
    height: 11vw;
  }
  .content .games .rw0-2 .cl1-1__block--img {
    width: 15%;
    padding-bottom: 1em;
  }
  .content .games .rw0-2 .cl1-2 {
    text-align: center;
    background-size: cover;
    overflow: hidden;
    white-space: nowrap;
    border-radius: 2px 2px 2px 2px;
    width: 100%;
    height: 13.5vw;
  }
  .content .games .rw0-2 .cl1-2 h5 {
    padding: 2% 0;
    font-size: 0.9vw;
    letter-spacing: 0.3em;
  }
  .content .games .rw0-2 .cl1-2__container {
    width: 100%;
    display: table;
    height: 11vw;
  }
  .content .games .rw0-2 .cl1-2__block {
    display: table-cell;
    vertical-align: middle;
    height: 11vw;
  }
  .content .games .rw0-2 .cl1-2__block--img {
    width: 15%;
    padding-bottom: 1em;
  }
  .content .games .rw0-3 .cl1-1 {
    margin-right: 3%;
    text-align: center;
    background-size: cover;
    overflow: hidden;
    white-space: nowrap;
    border-radius: 2px 2px 2px 2px;
    width: 100%;
    height: 13.5vw;
  }
  .content .games .rw0-3 .cl1-1 h5 {
    padding: 2% 0;
    font-size: 0.9vw;
    letter-spacing: 0.3em;
  }
  .content .games .rw0-3 .cl1-1__container {
    width: 100%;
    display: table;
    height: 11vw;
  }
  .content .games .rw0-3 .cl1-1__block {
    display: table-cell;
    vertical-align: middle;
    height: 11vw;
  }
  .content .games .rw0-3 .cl1-1__block--img {
    width: 15%;
    padding-bottom: 1em;
  }
  .content .games .rw0-3 .cl1-2 {
    text-align: center;
    background-size: cover;
    overflow: hidden;
    white-space: nowrap;
    border-radius: 2px 2px 2px 2px;
    width: 100%;
    height: 13.5vw;
  }
  .content .games .rw0-3 .cl1-2 h5 {
    padding: 2% 0;
    font-size: 0.9vw;
    letter-spacing: 0.3em;
  }
  .content .games .rw0-3 .cl1-2__container {
    width: 100%;
    display: table;
    height: 11vw;
  }
  .content .games .rw0-3 .cl1-2__block {
    display: table-cell;
    vertical-align: middle;
    height: 11vw;
  }
  .content .games .rw0-3 .cl1-2__block--img {
    width: 15%;
    padding-bottom: 1em;
  }
  .footer {
    position: fixed;
    bottom: 29px;
    right: 30px;
    width: 58px;
    height: 55px;
  }
  .footer:hover {
    height: 400px;
    width: 90px;
    padding: 30px;
  }
  @keyframes edit-in {
    from {
      opacity: 0;
      transform: rotateZ(-70deg);
    }
    to {
      opacity: 1;
      transform: rotateZ(0deg);
    }
  }
  @keyframes edit-out {
    from {
      opacity: 1;
      transform: rotateZ(0deg);
    }
    to {
      opacity: 0;
      transform: rotateZ(-70deg);
    }
  }
  @keyframes plus-in {
    from {
      opacity: 1;
      transform: rotateZ(0deg);
    }
    to {
      opacity: 0;
      transform: rotateZ(180deg);
    }
  }
  @keyframes plus-out {
    from {
      opacity: 0;
      transform: rotateZ(180deg);
    }
    to {
      opacity: 1;
      transform: rotateZ(0deg);
    }
  }
  @keyframes bounce-nds {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
      transform: scale(1);
    }
  }
  @keyframes bounce-out-nds {
    from {
      opacity: 1;
      transform: scale(1);
    }
    to {
      opacity: 0;
      transform: scale(0);
    }
  }
  .footer .button {
    z-index: 300;
    position: fixed;
    width: 40px;
    height: 40px;
    cursor: pointer;
    border-radius: 50%;
    transform: scale(0);
  }
  .footer:hover .button {
    animation: bounce-nds 0.1s linear;
    animation-fill-mode: forwards;
  }
  .footer .plus {
    position: fixed;
    bottom: 30px;
    right: 30px;
    width: 55px;
    height: 55px;
    cursor: pointer;
    border-radius: 50%;
    background: #339c7e;
    box-shadow: 0px 2px 5px #666;
  }
  .footer .plus .plus__icon--plus {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align: center;
    color: white;
    padding: 0;
    margin: 0;
    line-height: 55px;
    font-size: 38px;
    font-family: "Roboto";
    font-weight: 300;
    animation: plus-out 0.3s;
    transition: all 0.3s;
  }
  .footer .plus .plus__icon--edit {
    display: block;
    position: absolute;
    width: 30px;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    padding-right: 3px;
    margin: auto;
    opacity: 0;
    line-height: 65px;
    transform: rotateZ(-70deg);
    transition: all 0.3s;
    animation: edit-out 0.3s;
  }
  .footer:hover .plus__icon--plus {
    animation: plus-in 0.15s linear;
    animation-fill-mode: forwards;
  }
  .footer:hover .plus__icon--edit {
    animation: edit-in 0.2s;
    animation-delay: 0.1s;
    animation-fill-mode: forwards;
  }
  .footer .mixFtrSty {
    border: 1px solid #dfdfdf;
    box-shadow: 0 0 20px 0.1px #2a2525;
    background-color: #2a2c39;
    background-size: cover;
    transition: 1s;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
  }
  .footer .applct {
    display: block;
  }
  .footer .app2 {
    border: 1px solid #dfdfdf;
    box-shadow: 0 0 20px 0.1px #2a2525;
    background-color: #2a2c39;
    background-size: cover;
    transition: 1s;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    background-size: 100%;
    right: 40px;
    bottom: 120px;
    animation-delay: 0.2s;
    animation: bounce-out-nds 0.3s linear;
    animation-fill-mode: forwards;
  }
  .footer .app2 .app__icon--app {
    position: absolute;
    font-size: 23px;
    font-family: "Roboto";
    color: #2a2c39;
    left: 0;
    right: 0;
    margin: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    line-height: 40px;
  }
  .footer .app2 .plus__icon--text {
    margin-left: -60px;
    margin-top: 5px;
    font-size: 14px;
  }
  .footer .task {
    border: 1px solid #dfdfdf;
    box-shadow: 0 0 20px 0.1px #2a2525;
    background-color: #2a2c39;
    background-size: cover;
    transition: 1s;
    filter: grayscale(100%);
    -webkit-filter: grayscale(100%);
    background-size: 100%;
    right: 40px;
    bottom: 180px;
    animation-delay: 0.15s;
    animation: bounce-out-nds 0.15s linear;
    animation-fill-mode: forwards;
  }
  .footer .task .task__icon--task {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    line-height: 40px;
  }
  .footer .task .plus__icon--text {
    margin-left: -68px;
    margin-top: 5px;
    font-size: 14px;
  }
}
@media (max-width: 767px) and (orientation: landscape) {
  .content .dashboard .rw0-1 .cl1-1 {
    display: none;
  }
}
@media (max-width: 767px) and (orientation: portrait) {
  .menu nav:hover {
    max-width: 70px !important;
    width: 70px;
  }
  .content {
    position: absolute;
    top: 1.3em;
    left: 5%;
    height: 80% !important;
    margin: 2em 0 0 4.8em;
    width: 65%;
    max-width: unset;
  }
  .content .dashboard .rw0-1 .cl1-1 {
    display: none;
  }
  .content .dashboard .rw0-1 .cl1-2 {
    padding: 0;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-1 {
    margin: 0 0 10% 0;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-1__img {
    width: 30%;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-1__text {
    font-size: 3.2vw;
    margin: auto;
    padding: 0.5em;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 {
    margin: 0px;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-1 {
    margin: 0 0 10% 0;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-1 .bl5-1 {
    display: none;
    padding: 5%;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-1 .bl5-1__mtitle {
    display: block;
    font-size: 2.5vw;
    letter-spacing: 2px;
    padding: 0.5em;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-1 .bl5-2 {
    padding: 5%;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-1 .bl5-2__img {
    width: 30%;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-1 .bl5-2__mtitle {
    display: block;
    font-size: 3.2vw;
    letter-spacing: 2px;
    padding: 0.5em;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-2 {
    margin: 0 0 10% 0;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-2 .bl5-1 {
    display: none;
    padding: 5%;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-2 .bl5-1__mtitle {
    display: block;
    font-size: 2.5vw;
    letter-spacing: 2px;
    padding: 0.5em;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-2 .bl5-2 {
    padding: 5%;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-2 .bl5-2__img {
    width: 30%;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl3-2 .bl5-2__mtitle {
    display: block;
    font-size: 3.2vw;
    letter-spacing: 2px;
    padding: 0.5em;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl4-1 .bl5-1 {
    display: none;
    padding: 5%;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl4-1 .bl5-1__mtitle {
    display: block;
    font-size: 2.5vw;
    letter-spacing: 2px;
    padding: 0.5em;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl4-1 .bl5-2 {
    padding: 5%;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl4-1 .bl5-2__img {
    width: 30%;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-2 .cl4-1 .bl5-2__mtitle {
    display: block;
    font-size: 3.2vw;
    letter-spacing: 2px;
    padding: 0.5em;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-3 {
    display: none;
    height: 15%;
  }
  .content .dashboard .rw0-1 .cl1-2 .rw2-3__text {
    font-size: 2.5vw;
    margin: auto;
  }
  .rw1-1 .col-sm-8 {
    font-size: 4.5vw;
    letter-spacing: 5px;
    display: inline-block;
    width: 100%;
    position: absolute;
    padding: 5.2% 0;
  }
  .white .modls--button__close {
    position: absolute;
    top: 1.1%;
    right: 1%;
    width: 5%;
    padding: 0.6em 1.1em 0em 0em;
    font-size: 6vw;
  }
  .modls .transn .rw0-1 {
    width: 90%;
    margin: 0 auto 4vw auto;
    padding: 0;
    height: 50%;
  }
  .modls .transn .rw0-1 .rw1-1 {
    height: 13%;
  }
  .modls .transn .rw0-1 .rw1-2__input {
    height: 50%;
  }
  .modls .transn .rw0-1 .rw1-2__textarea {
    height: 100%;
  }
  .modls .transn .rw0-1 .rw1-2__input--button {
    height: 10vw;
    font-size: 3vw;
  }
  .modls .transn .rw0-1 .rw1-2__textarea[placeholder] {
    font-size: 4vw;
  }
  .modls .transn .rw0-1 .rw1-2 {
    height: 35%;
  }
  .modls .transn .rw0-1 .rw1-2__input[placeholder] {
    font-size: 3.5vw;
  }
}
.loader1 {
  margin: 33% 44%;
  width: 100%;
  transition: 1s;
}
.loader1 .circle {
  position: absolute;
  width: 12%;
  height: 10%;
  opacity: 0;
  transform: rotate(225deg);
  animation-iteration-count: infinite;
  animation-name: orbit;
  animation-duration: 5.5s;
}
.loader1 .circle:after {
  content: '';
  position: absolute;
  width: 7%;
  height: 10%;
  border-radius: 5px;
  background: #339c7e;
}
.loader1 .circle:nth-child(2) {
  animation-delay: 240ms;
}
.loader1 .circle:nth-child(3) {
  animation-delay: 480ms;
}
.loader1 .circle:nth-child(4) {
  animation-delay: 720ms;
}
.loader1 .circle:nth-child(5) {
  animation-delay: 960ms;
}
@keyframes orbit {
  0% {
    transform: rotate(225deg);
    opacity: 1;
    animation-timing-function: ease-out;
  }
  7% {
    transform: rotate(345deg);
    animation-timing-function: linear;
  }
  30% {
    transform: rotate(455deg);
    animation-timing-function: ease-in-out;
  }
  39% {
    transform: rotate(690deg);
    animation-timing-function: linear;
  }
  70% {
    transform: rotate(815deg);
    opacity: 1;
    animation-timing-function: ease-out;
  }
  75% {
    transform: rotate(945deg);
    animation-timing-function: ease-out;
  }
  76% {
    transform: rotate(945deg);
    opacity: 0;
  }
  100% {
    transform: rotate(945deg);
    opacity: 0;
  }
}