/* -------------- ------------ пк версия ------------- ------------- */
.accordion {
    position: relative;
}
.accordion-title:hover {
    color: #00fff0;
}
.accordion:before {
    position: absolute;
    height: calc(100% + 100px);
    width: 2px;
    background: linear-gradient(180deg, rgba(16, 234, 181, 0) 0%, #10b0ea 20%, #10a0ea 80%, rgba(16, 234, 181, 0) 100%);
    content: '';
    left: -20px;
    top: -100px;
}
.roadmap__item {
    position: relative;
    margin-bottom: 30px;
}
.roadmap__item:before {
    position: absolute;
    left: -20px;
    height: 1px;
    top: 35px;
    background-color: #00fff0;
    content: '';
}
.line_r {
    position: absolute;
    top: 38%;
    left: 39%;
    width: 100%;
    transform: rotate(90deg);
}
.line_r svg {
    width: 100%;
    height: 100%;
    display: block;
    stroke: #10adea;
    stroke-width: 1px;
}
.line_r h1 {
    text-transform: uppercase;
    font-family: 'Eurostile Extended B';
    transform: translate3d(0, -90%, 0) scale(.3);
    text-align: center;
    font-size: calc(4.375rem + 3.5vw);
    background: radial-gradient(50% 50.1% at 50% 39.77%, #fff 0%, #757588 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    opacity: 0.5;
}
@media (max-width: 991.98px) {
    .line_r {
        display: none;
    }
}
/* Нумерация +добавление шагов*/ 
.roadmap__item:nth-child(1) .roadmap__item-wrap {
   margin-left: 3%;
}
.roadmap__item:nth-child(1):before {
   width: calc(3% + 20px);
}
.roadmap__item:nth-child(2) .roadmap__item-wrap {
   margin-left: 4%;
}
.roadmap__item:nth-child(2):before {
   width: calc(4% + 20px);
}
.roadmap__item:nth-child(3) .roadmap__item-wrap {
   margin-left: 5%;
}
.roadmap__item:nth-child(3):before {
   width: calc(5% + 20px);
}
.roadmap__item:nth-child(4) .roadmap__item-wrap {
   margin-left: 6%;
}
.roadmap__item:nth-child(4):before {
   width: calc(6% + 20px);
}
.roadmap__item:nth-child(5) .roadmap__item-wrap {
   margin-left: 7%;
}
.roadmap__item:nth-child(5):before {
   width: calc(7% + 20px);
}
.roadmap__item:nth-child(6) .roadmap__item-wrap {
   margin-left: 8%;
}
.roadmap__item:nth-child(6):before {
   width: calc(8% + 20px);
}
.roadmap__item:nth-child(7) .roadmap__item-wrap {
   margin-left: 9%;
}
.roadmap__item:nth-child(7):before {
   width: calc(9% + 20px);
}
.roadmap__item:nth-child(8) .roadmap__item-wrap {
   margin-left: 10%;
}
.roadmap__item:nth-child(8):before {
   width: calc(10% + 20px);
}
.roadmap__item:nth-child(9) .roadmap__item-wrap {
   margin-left: 11%;
}
.roadmap__item:nth-child(9):before {
   width: calc(11% + 20px);
}
.roadmap__item:nth-child(10) .roadmap__item-wrap {
   margin-left: 12%;
}
.roadmap__item:nth-child(10):before {
   width: calc(12% + 20px);
}
.roadmap__item:nth-child(11) .roadmap__item-wrap {
   margin-left: 13%;
}
.roadmap__item:nth-child(11):before {
   width: calc(13% + 20px);
}
.roadmap__item:nth-child(12) .roadmap__item-wrap {
   margin-left: 14%;
}
.roadmap__item:nth-child(12):before {
   width: calc(14% + 20px);
}
/* Нумерация +добавление шагов END */
.roadmap__item .roadmap__number {
    position: absolute;
    top: 10px;
    left: -44px;
    font-family: var(--akzidenz);
    font-weight: var(--fw-regular-akzidenz);
    font-size: 22px;
    width: 48px;
    height: 48px;
    background-color: #00fff0;
    border-radius: 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #000;
}
.roadmap__item .roadmap__number::before {
    content: '';
    position: absolute;
    top: -16px;
    right: -16px;
    bottom: -16px;
    left: -16px;    
}
.roadmap__item .roadmap__item-wrap {
    position: relative;
    box-shadow: 0px 46px 70px -30px rgba(0, 0, 0, 0.08);
    border-radius: 1px;   
    /* overflow: hidden; */
    background: linear-gradient(180deg, rgba(16, 234, 181, 0) 0%, #10b0ea52 20%, #10a0ea45 80%, rgba(16, 234, 181, 0) 100%);
    border: 1px solid deepskyblue;
}
.roadmap__item .roadmap__item-wrap:before {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 12px;
    height: 100%;
    background-color: #00fff0;
    content: '';
}
.roadmap__item h3 {
    padding: 20px 10px 20px 30px;
    font-family: var(--akzidenz);
    font-weight: var(--fw-regular-akzidenz);
    color: #838c94;
    position: relative;
    font-size: 20px;
    text-align: left;
    transition: 0.3s;
	column-gap: 7px;
    display: flex
}
.icon-info {
	width: 22px;
    height: 22px;
	right: 25px;
    display: block;
    background: url(../images/icon-info-roadmap.svg) no-repeat 50% / contain;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    cursor: pointer;
    position: absolute;		       
    -webkit-transform: translateZ(0);
    -webkit-font-smoothing: antialiased;
}
.icon-info:hover {
    background: url(../images/icon-info-roadmap-h.svg) no-repeat 50% / contain;
}
.icon-info .tooltipe-de {   
    display: block;
    left: 125px;	  
    margin-bottom: 15px;
    opacity: 0;
    padding: 15px;
    pointer-events: none;
    position: absolute;
    min-width: 380px;
    background: none repeat scroll 0 0 #fcfcf81c;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 20px rgb(0 0 0 / 40%);
	border: solid 1px deepskyblue;
}
.icon-info .tooltipe-de:before {
    bottom: -20px;
    content: " ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}
/* линии толтипа START */
.roadmap__item:nth-child(1) .icon-info .tooltipe-de:after {
    position: absolute;
    background: deepskyblue;
    top: 40%;
    left: -78px;
    display: block;
    height: 1px;
    content: ' ';
    width: 78px;
}
.roadmap__item:nth-child(2) .icon-info .tooltipe-de:after {
    position: absolute;
    background: deepskyblue;
    top: 35%;
    left: -78px;
    display: block;
    height: 1px;
    content: ' ';
    width: 78px;
}
.roadmap__item:nth-child(3) .icon-info .tooltipe-de:after {
    position: absolute;
    background: deepskyblue;
    top: 140px;
    left: -78px;
    display: block;
    height: 1px;
    content: ' ';
    width: 78px;
}
.roadmap__item:nth-child(4) .icon-info .tooltipe-de:after {
    position: absolute;
    background: deepskyblue;
    top: 35%;
    left: -78px;
    display: block;
    height: 1px;
    content: ' ';
    width: 78px;  
}
.roadmap__item:nth-child(5) .icon-info .tooltipe-de:after {
    position: absolute;
    background: deepskyblue;
    top: 37%;
    left: -78px;
    display: block;
    height: 1px;
    content: ' ';
    width: 78px;
}
.roadmap__item:nth-child(6) .icon-info .tooltipe-de:after {
    position: absolute;
    background: deepskyblue;
    top: 45%;
    left: -78px;
    display: block;
    height: 1px;
    content: ' ';
    width: 78px;
}
.roadmap__item:nth-child(7) .icon-info .tooltipe-de:after {
    position: absolute;
    background: deepskyblue;
    top: 71%;
    left: -78px;
    display: block;
    height: 1px;
    content: ' ';
    width: 78px;
}
.roadmap__item:nth-child(8) .icon-info .tooltipe-de:after {
    position: absolute;
    background: deepskyblue;
    top: 55%;
    left: -78px;
    display: block;
    height: 1px;
    content: ' ';
    width: 78px;
}
.roadmap__item:nth-child(9) .icon-info .tooltipe-de:after {
    position: absolute;
    background: deepskyblue;
    top: 62%;
    left: -78px;
    display: block;
    height: 1px;
    content: ' ';
    width: 78px;
}
.roadmap__item:nth-child(10) .icon-info .tooltipe-de:after {
    position: absolute;
    background: deepskyblue;
    top: 64%;
    left: -78px;
    display: block;
    height: 1px;
    content: ' ';
    width: 78px;
}
.roadmap__item:nth-child(11) .icon-info .tooltipe-de:after {
    position: absolute;
    background: deepskyblue;
    top: 59%;
    left: -78px;
    display: block;
    height: 1px;
    content: ' ';
    width: 78px;
}
.roadmap__item:nth-child(12) .icon-info .tooltipe-de:after {
    position: absolute;
    background: deepskyblue;
    top: 54%;
    left: -78px;
    display: block;
    height: 1px;
    content: ' ';
    width: 78px;
}
/* линии толтипа END */
/* позиция толтипов start */
.roadmap__item:nth-child(1) .icon-info .tooltipe-de {top: -55px;}
.roadmap__item:nth-child(2) .icon-info .tooltipe-de {top: -55px;}
.roadmap__item:nth-child(3) .icon-info .tooltipe-de {top: -130px;}
.roadmap__item:nth-child(4) .icon-info .tooltipe-de {top: -123px;}
.roadmap__item:nth-child(5) .icon-info .tooltipe-de {top: -110px;}
.roadmap__item:nth-child(6) .icon-info .tooltipe-de {top: -188px;}
.roadmap__item:nth-child(7) .icon-info .tooltipe-de {top: -242px;}
.roadmap__item:nth-child(8) .icon-info .tooltipe-de {top: -202px;}
.roadmap__item:nth-child(9) .icon-info .tooltipe-de {top: -280px;}
.roadmap__item:nth-child(10) .icon-info .tooltipe-de {top: -252px;}
.roadmap__item:nth-child(11) .icon-info .tooltipe-de {top: -165px;}
.roadmap__item:nth-child(12) .icon-info .tooltipe-de {top: -105px;}
/* позиция толтипов END */
.icon-info:hover .tooltipe-de {
    opacity: 1;
    pointer-events: auto;    
}
@media (max-width: 1399.98px) {
    .accordion:before {
        left: 0px;
    }
}
@media (max-width: 1399.98px) {
    .roadmap__item .roadmap__number {
        left: -24px;
    }
}
@media (max-width: 991.98px) {
    .icon-info {
        display: none;
    }
	.roadmap__item h3.is-collapsed {
     color: #0bf4bb;
    }
}
@media (min-width: 991.98px) {
    .roadmap__item-wrap {
        width: 250px!important;
    }
	div#\#accordion2 {
    display: none;
    }	
}
@media (max-width: 575.98px) {
    .roadmap__item .roadmap__number {
        left: -14px;
        font-size: 17px;
        width: 30px;
        height: 30px;
        border-radius: 14px;
        top: 20px;
    }
}
@media (max-width: 767.98px) {
.roadmap__item:nth-child(1) .roadmap__item-wrap {
      margin-left: 10%;
   }
   .roadmap__item:nth-child(1):before {
      width: 15%;
   }
   .roadmap__item:nth-child(2) .roadmap__item-wrap {
      margin-left: 11%;
   }
   .roadmap__item:nth-child(2):before {
      width: 16%;
   }
   .roadmap__item:nth-child(3) .roadmap__item-wrap {
      margin-left: 12%;
   }
   .roadmap__item:nth-child(3):before {
      width: 17%;
   }
   .roadmap__item:nth-child(4) .roadmap__item-wrap {
      margin-left: 13%;
   }
   .roadmap__item:nth-child(4):before {
      width: 18%;
   }
   .roadmap__item:nth-child(5) .roadmap__item-wrap {
      margin-left: 14%;
   }
   .roadmap__item:nth-child(5):before {
      width: 19%;
   }
   .roadmap__item:nth-child(6) .roadmap__item-wrap {
      margin-left: 15%;
   }
   .roadmap__item:nth-child(6):before {
      width: 20%;
   }
   .roadmap__item:nth-child(7) .roadmap__item-wrap {
      margin-left: 16%;
   }
   .roadmap__item:nth-child(7):before {
      width: 21%;
   }
   .roadmap__item:nth-child(8) .roadmap__item-wrap {
      margin-left: 17%;
   }
   .roadmap__item:nth-child(8):before {
      width: 22%;
   }
   .roadmap__item:nth-child(9) .roadmap__item-wrap {
      margin-left: 18%;
   }
   .roadmap__item:nth-child(9):before {
      width: 23%;
   }
   .roadmap__item:nth-child(10) .roadmap__item-wrap {
      margin-left: 18%;
   }
   .roadmap__item:nth-child(10):before {
      width: 23%;
   }
   .roadmap__item:nth-child(11) .roadmap__item-wrap {
      margin-left: 18%;
   }
   .roadmap__item:nth-child(11):before {
      width: 23%;
   }
   .roadmap__item:nth-child(12) .roadmap__item-wrap {
      margin-left: 18%;
   }
   .roadmap__item:nth-child(12):before {
      width: 23%;
   }
}
/* -------------- ------------ моб версия ------------- ------------- */
.accordionTitleActive:before,
.accordionTitle.is-expanded:before {
   transform: rotate(-225deg);
}

.accordionItem {
   height: auto;
   overflow: hidden;
   max-height: 40em;
   transition: max-height 0.8s;
}

.accordionItem.is-collapsed {
   max-height: 0;
}

.no-js .accordionItem.is-collapsed {
   max-height: auto;
}
#whitelist {
    display: block;
    margin-bottom: 16px;
    pointer-events: none;
    padding: 0px 10px 0px 20px;
    font-size: 15px;
    line-height: 30px;
	font-weight: 600;
}