.c-tooltip {
  display: inline-block;
  vertical-align: top;
  position: absolute;
  z-index: 300;
  text-align: left;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  background: #1B1D1E;
  color: #ffffff;
  font-size: 11px;
  line-height: 12px;
  font-weight: 400;
  padding: 15px 20px;
  width: 170px;
  -webkit-animation: opacity 0.5s ease-in;
     -moz-animation: opacity 0.5s ease-in;
       -o-animation: opacity 0.5s ease-in;
          animation: opacity 0.5s ease-in; }
  .c-tooltip:after {
    content: '';
    display: block;
    position: absolute;
    z-index: -1;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
    width: 0;
    height: 0;
    border-style: solid;
    color: #1B1D1E; }
  .c-tooltip.c-tooltip--top {
    margin-top: -10px; }
    .c-tooltip.c-tooltip--top:after {
      border-width: 6px 7px 0 7px;
      border-color: currentColor transparent transparent transparent;
      top: 100%;
      left: 50%;
      margin-left: -7px; }
  .c-tooltip.c-tooltip--bottom {
    margin-top: 10px; }
    .c-tooltip.c-tooltip--bottom:after {
      border-width: 0 7px 6px 7px;
      border-color: transparent transparent currentColor transparent;
      bottom: 100%;
      left: 50%;
      margin-left: -7px; }
  .c-tooltip.c-tooltip--left {
    margin-left: -10px; }
    .c-tooltip.c-tooltip--left:after {
      border-width: 7px 0 7px 6px;
      border-color: transparent transparent transparent currentColor;
      left: 100%;
      top: 50%;
      margin-top: -7px; }
  .c-tooltip.c-tooltip--right {
    margin-left: 10px; }
    .c-tooltip.c-tooltip--right:after {
      border-width: 7px 6px 7px 0;
      border-color: transparent currentColor transparent transparent;
      right: 100%;
      top: 50%;
      margin-top: -7px; }

.c-popup {
  position: fixed;
  z-index: 1000;
  overflow: auto;
  overflow-scrolling: touch;
  -webkit-overflow-scrolling: touch;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.7); }
  .c-popup.c-popup--blue {
    background: #333; }
    /*.c-popup.c-popup--blue:before {
      content: '';
      display: block;
      position: absolute;
      right: 25%;
      left: 0;
      bottom: 0;
      top: 0;
      background: #30;
      -webkit-transform: skewX(-30deg);
         -moz-transform: skewX(-30deg);
          -ms-transform: skewX(-30deg);
           -o-transform: skewX(-30deg);
              transform: skewX(-30deg);
      -webkit-transform-origin: right top;
         -moz-transform-origin: right top;
          -ms-transform-origin: right top;
           -o-transform-origin: right top;
              transform-origin: right top;
      z-index: -1; }*/
  .c-popup.c-popup--lg .c-popup__body {
    width: 100%; }
    @media only screen and (min-width: 561px) {
      .c-popup.c-popup--lg .c-popup__body {
        width: 500px;
        padding-left: 75px;
        padding-right: 75px; } }
  .c-popup .c-popup__container {
    display: table;
    height: 100%;
    width: 100%;
    overflow: auto; }
  .c-popup .c-popup__inner {
    display: table-cell;
    vertical-align: middle;
    width: 100%; }
    @media only screen and (min-width: 426px) {
      .c-popup .c-popup__inner {
        padding: 30px; } }
  .c-popup .c-popup__body {
    display: block;
    position: relative;
    margin: 0 auto;
    padding: 40px 20px;
    background: #ffffff;
    -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, var(--shadow-power));
       -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, var(--shadow-power));
            box-shadow: 0 3px 4px rgba(0, 0, 0, var(--shadow-power));
    -webkit-animation-name: popup-body;
       -moz-animation-name: popup-body;
         -o-animation-name: popup-body;
            animation-name: popup-body;
    width: 100%; }
    @media only screen and (min-width: 511px) {
      .c-popup .c-popup__body {
        width: 450px;
        padding: 50px;
        -webkit-border-radius: 5px;
           -moz-border-radius: 5px;
                border-radius: 5px; } }
  .c-popup .c-popup__content {
    position: relative;
    z-index: 990; }
  .c-popup .c-popup__close {
    position: absolute;
    z-index: 1000;
    display: block;
    cursor: pointer;
    background: none;
    top: 0;
    right: 0;
    padding: 20px;
    font-size: 13px;
    line-height: 0;
    color: var(--primary-color); }
    .c-popup .c-popup__close .c-icon {
      display: block; }
    @media only screen and (min-width: 551px) {
      .c-popup .c-popup__close:hover {
        color: #1C1C1C; } }