.introjs-overlay{ position:absolute; z-index:999999; background-color:#000; opacity:0; background:-moz-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%); background:-webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(0, 0, 0, 0.4)), color-stop(100%, rgba(0, 0, 0, 0.9))); background:-webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%); background:-o-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%); background:-ms-radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%); background:radial-gradient(center, ellipse cover, rgba(0, 0, 0, 0.4) 0, rgba(0, 0, 0, 0.9) 100%); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#66000000', endColorstr='#e6000000', GradientType=1); -ms-filter:"alpha(opacity=50)"; filter:alpha(opacity=50); -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out }
.introjs-fixParent{ z-index:auto !important; opacity:1.0 !important; position:absolute !important; -webkit-transform:none !important; -moz-transform:none !important; -ms-transform:none !important; -o-transform:none !important; transform:none !important }
.introjs-showElement, tr.introjs-showElement > td, tr.introjs-showElement > th{ z-index:9999999 !important }
.introjs-disableInteraction{ z-index:99999999 !important; position:absolute }
.introjs-relativePosition, tr.introjs-showElement > td, tr.introjs-showElement > th{ position:relative }
.introjs-helperLayer{ position:absolute; z-index:9999998; background-color:#FFF; background-color:rgba(255, 255, 255, .9); border:1px solid #777; border:1px solid rgba(0, 0, 0, .5); border-radius:4px; box-shadow:0 2px 15px rgba(0, 0, 0, .4); -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out }
.introjs-tooltipReferenceLayer{ position:absolute; z-index:10000000; background-color:transparent; -webkit-transition:all .3s ease-out; -moz-transition:all .3s ease-out; -ms-transition:all .3s ease-out; -o-transition:all .3s ease-out; transition:all .3s ease-out }
.introjs-helperLayer *, .introjs-helperLayer *:before, .introjs-helperLayer *:after{ -webkit-box-sizing:content-box; -moz-box-sizing:content-box; -ms-box-sizing:content-box; -o-box-sizing:content-box; box-sizing:content-box }
.introjs-helperNumberLayer{ position:absolute; top:-16px; left:-16px; z-index:9999999999 !important; padding:2px; font-family:Arial, verdana, tahoma; font-size:13px; font-weight:bold; color:white; text-align:center; text-shadow:1px 1px 1px rgba(0, 0, 0, .3); background:#ff3019; background:-webkit-linear-gradient(top, #ff3019 0, #cf0404 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff3019), color-stop(100%, #cf0404)); background:-moz-linear-gradient(top, #ff3019 0, #cf0404 100%); background:-ms-linear-gradient(top, #ff3019 0, #cf0404 100%); background:-o-linear-gradient(top, #ff3019 0, #cf0404 100%); background:linear-gradient(to bottom, #ff3019 0, #cf0404 100%); width:20px; height:20px; line-height:20px; border:3px solid white; border-radius:50%; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404', GradientType=0); filter:progid:DXImageTransform.Microsoft.Shadow(direction=135, strength=2, color=ff0000); box-shadow:0 2px 5px rgba(0, 0, 0, .4) }
.introjs-arrow{ border:5px solid white; content:''; position:absolute }
.introjs-arrow.top{ top:-10px; border-top-color:transparent; border-right-color:transparent; border-bottom-color:white; border-left-color:transparent }
.introjs-arrow.top-right{ top:-10px; right:10px; border-top-color:transparent; border-right-color:transparent; border-bottom-color:white; border-left-color:transparent }
.introjs-arrow.top-middle{ top:-10px; left:50%; margin-left:-5px; border-top-color:transparent; border-right-color:transparent; border-bottom-color:white; border-left-color:transparent }
.introjs-arrow.right{ right:-10px; top:10px; border-top-color:transparent; border-right-color:transparent; border-bottom-color:transparent; border-left-color:white }
.introjs-arrow.right-bottom{ bottom:10px; right:-10px; border-top-color:transparent; border-right-color:transparent; border-bottom-color:transparent; border-left-color:white }
.introjs-arrow.bottom{ bottom:-10px; border-top-color:white; border-right-color:transparent; border-bottom-color:transparent; border-left-color:transparent }
.introjs-arrow.left{ left:-10px; top:10px; border-top-color:transparent; border-right-color:white; border-bottom-color:transparent; border-left-color:transparent }
.introjs-arrow.left-bottom{ left:-10px; bottom:10px; border-top-color:transparent; border-right-color:white; border-bottom-color:transparent; border-left-color:transparent }
.introjs-tooltip{ position:absolute; padding:10px; background-color:white; min-width:200px; max-width:300px; border-radius:3px; box-shadow:0 1px 10px rgba(0, 0, 0, .4); -webkit-transition:opacity .1s ease-out; -moz-transition:opacity .1s ease-out; -ms-transition:opacity .1s ease-out; -o-transition:opacity .1s ease-out; transition:opacity .1s ease-out }
.introjs-tooltipbuttons{ text-align:right; white-space:nowrap }
.introjs-button{ position:relative; overflow:visible; display:inline-block; padding:.3em .8em; border:1px solid #d4d4d4; margin:0; text-decoration:none; text-shadow:1px 1px 0 #fff; font:11px/normal sans-serif; color:#333; white-space:nowrap; cursor:pointer; outline:0; background-color:#ececec; background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f4f4f4), to(#ececec)); background-image:-moz-linear-gradient(#f4f4f4, #ececec); background-image:-o-linear-gradient(#f4f4f4, #ececec); background-image:linear-gradient(#f4f4f4, #ececec); -webkit-background-clip:padding; -moz-background-clip:padding; -o-background-clip:padding-box; -webkit-border-radius:.2em; -moz-border-radius:.2em; border-radius:.2em; zoom:1; *display:inline; margin-top:10px }
.introjs-button:hover{ border-color:#bcbcbc; text-decoration:none; box-shadow:0 1px 1px #e3e3e3 }
.introjs-button:focus, .introjs-button:active{ background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ececec), to(#f4f4f4)); background-image:-moz-linear-gradient(#ececec, #f4f4f4); background-image:-o-linear-gradient(#ececec, #f4f4f4); background-image:linear-gradient(#ececec, #f4f4f4) }
.introjs-button::-moz-focus-inner{ padding:0; border:0 }
.introjs-skipbutton{ margin-right:5px; color:#7a7a7a }
.introjs-prevbutton{ -webkit-border-radius:.2em 0 0 .2em; -moz-border-radius:.2em 0 0 .2em; border-radius:.2em 0 0 .2em; border-right:0 }
.introjs-nextbutton{ -webkit-border-radius:0 .2em .2em 0; -moz-border-radius:0 .2em .2em 0; border-radius:0 .2em .2em 0 }
.introjs-disabled, .introjs-disabled:hover, .introjs-disabled:focus{ color:#9a9a9a; border-color:#d4d4d4; box-shadow:none; cursor:default; background-color:#f4f4f4; background-image:none; text-decoration:none }
.introjs-bullets{ text-align:center }
.introjs-bullets ul{ clear:both; margin:15px auto 0; padding:0; display:inline-block }
.introjs-bullets ul li{ list-style:none; float:left; margin:0 2px }
.introjs-bullets ul li a{ display:block; width:6px; height:6px; background:#ccc; border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; text-decoration:none }
.introjs-bullets ul li a:hover{ background:#999 }
.introjs-bullets ul li a.active{ background:#999 }
.introjs-progress{ overflow:hidden; height:10px; margin:10px 0 5px 0; border-radius:4px; background-color:#ecf0f1 }
.introjs-progressbar{ float:left; width:0; height:100%; font-size:10px; line-height:10px; text-align:center; background-color:#08c }
.introjsFloatingElement{ position:absolute; height:0; width:0; left:50%; top:50% }
.form-text-center{font-size: 12px; padding: 10px 0 0; color: #ccc; text-align: center;}
/* TIMER */

.time-block {
    width: fit-content;
    margin: 0 auto;
    padding: 10px 20px;
    color: #ffffff ;
    /* background: #383838; */
    text-align: center; 
  }
  
  .time-title {  
    margin: 0 auto;
    padding: 0 0 6px;
    font-weight: bold;
    font-size: 18px;
    line-height: 20px;
    color: inherit;
   }
  
  .time-remain {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    font-weight: 300;
    font-size: 8px;
    line-height: 11px;
    letter-spacing: 0.04em;
    text-transform: uppercase; }
  
  .time-remain-items {
    position: relative;
    width: 25%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: center;
    padding: 7px 14px;
    z-index: 1;
    /* box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.2); */
    /* background: #134328; */
    border-radius: 5px; }
  
  .hour,
  .minutes,
  .seconds {  
    font-weight: bold;
    font-size: 28px;
    line-height: 38px;
    letter-spacing: 0.04em;
    text-transform: uppercase; }
  
  .time-dots {
    font-weight: bold;
    font-size: 30px;
    line-height: 35px;
    color: inherit; }

    form {
      --form-border: #333;
      --form-check-border-checked: #0039b9;
      --form-check-bg-checked: #0039b9;
      --form-check-yes-checked: #0039b9;
  }
  
  .form__checkbox {
      position: relative;
      display: grid;
      grid-template-columns: -webkit-min-content 1fr;
      grid-template-columns: min-content 1fr;
      -webkit-box-align: center;
      -ms-flex-align: center;
      align-items: center;
      -webkit-column-gap: 15px;
      column-gap: 15px;
      font-size: 12px;
      line-height: 14px;
      font-weight: 400;
      margin-top: 15px;
      margin-bottom: 15px;
      margin-left: 5px;
      margin-right: 5px;
      color: #fff;
      width: 100%;
  }
  
  .form__checkbox a {
      text-decoration: underline;
      color: #fff;
  }
  
  .form__checkbox-mark {
      width: 20px;
      height: 20px;
      border: 1px solid var(--form-border);
      background-color: #fff;
      border-radius: 3px;
      position: relative;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      justify-content: center;
      -webkit-box-align: baseline;
      -ms-flex-align: baseline;
      align-items: baseline;
      cursor: pointer
  }
  
  .form__checkbox-mark:after {
      position: relative;
      content: "";
      display: none;
      width: 80%;
      height: 80%;
      top: 2px;
      left: 1px;
      background-repeat: no-repeat;
      background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 10 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.823 2.774A.5.5 0 0 0 10 2.392V.91a.5.5 0 0 0-.823-.382l-5.422 4.58a.5.5 0 0 1-.637.007L.815 3.246A.5.5 0 0 0 0 3.634v1.503a.5.5 0 0 0 .185.389l2.933 2.38a.5.5 0 0 0 .637-.007l6.068-5.125z' fill='%23fff'/%3E%3C/svg%3E")
  }
  
  .form__checkbox-mark:hover {
      border-color: var(--form-check-border-hover);
      background: hsla(0,0%,100%,.9)
  }
  
  .form__checkbox input[type=checkbox] {
      opacity: 0;
      position: absolute;
      z-index: -10;
      background-color: var(--form-bg)
  }
  
  .form__checkbox input[type=checkbox]:checked~.form__checkbox-mark:after {
      display: block
  }
  
  .form__checkbox input[type=checkbox]:checked~.form__checkbox-mark {
      border-color: var(--form-check-border-checked);
      background-color: var(--form-check-bg-checked)
  }
  
  .form__checkbox input[type=checkbox]:checked~.form__checkbox-mark:after {
      border-color: var(--form-check-yes-checked)
  }
  
  .form__checkbox input[type=checkbox]:active~.form__checkbox-mark,.form__checkbox input[type=checkbox]:focus~.form__checkbox-mark {
      border-color: var(--form-check-border-checked)
  }

  .aside__button {
    font-size: .9em;
    background: #2e3136;
    padding: 12px 12px 12px 37px;
    background-repeat: no-repeat;
    background-position: 14px 50%;
    display: block;
    width: 100%;
    text-align: start;
  }

  .aside-title {
    position: relative;
  }
  
  .button__down {
    content: "";
    position: absolute;
    background-image: url("../img/down.png");
    background-repeat: no-repeat;
    background-color: transparent;
    width: 14px;
    height: 14px;
    border: none;
    padding: 0;
    z-index: 100;
    top: 12px;
    left: 12px;
    transform: rotate(180deg);
  }
  
  .button__up {
    transform: rotate(0deg);
  }

  .text--closed {
    display: none;
  }
  
  .text--opened {
    display: block;
  }