.roadmap,

.roadmap__events {

    position: relative;

    margin: 0 auto

}



.roadmap {

    width: 95%

}



.roadmap__events {

    width: -webkit-calc(100% - 200px);

    width: calc(100% - 200px);

    padding: 200px 0;

	margin-bottom: 5px

}



.roadmap__events:after {

    position: absolute;

    top: 50%;

    left: 0;

    display: block;

    content: "";

    width: 0%;

    height: 4px;

    background-color: maroon;

    border-radius: 2px;

    -webkit-transition: all .5s linear;

    -o-transition: all .5s linear;

    transition: all .5s linear

}



.roadmap__events__event {

    position: absolute;

    width: 280px;

    height: 200px;

    margin-left: -140px;

    list-style: none;

    font-size: 16px

}



.roadmap__events__event:after,

.roadmap__events__event:before {

    position: absolute;

    content: "";

    display: block;

    background-color: maroon;

    -webkit-transition: all .3s cubic-bezier(.25, .1, .25, 1.3);

    -o-transition: all .3s cubic-bezier(.25, .1, .25, 1.3);

    transition: all .3s cubic-bezier(.25, .1, .25, 1.3)

}



.roadmap__events__event:before {

    width: 20px;

    height: 20px;

    border-radius: 20px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    -o-transform: scale(0);

    transform: scale(0)

}



.roadmap__events__event:after {

    width: 4px;

    height: 0;

    border-radius: 2px;

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    -o-transform: translateX(-50%);

    transform: translateX(-50%)

}



.roadmap__events__event .event {

    position: absolute;

    display: block;

    text-align: center;

    width: 100%;

    -webkit-transition: all .3s cubic-bezier(.25, .1, .25, 1.3);

    -o-transition: all .3s cubic-bezier(.25, .1, .25, 1.3);

    transition: all .3s cubic-bezier(.25, .1, .25, 1.3);

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    -o-transform: scale(0);

    transform: scale(0)

}



.roadmap__events__event .event .event__date {

    font-weight: 600

}



.roadmap__events__event .event .event__content small {

    display: block

}



.roadmap__events__event:nth-child(odd) {

    bottom: 0

}



.roadmap__events__event:nth-child(odd):before {

    top: -8px

}



.roadmap__events__event:nth-child(odd):after {

    top: 0

}



.roadmap__events__event:nth-child(odd) .event {

    top: 80px

}



.roadmap__events__event:nth-child(even) {

    top: 0

}



.roadmap__events__event:nth-child(even):before {

    bottom: -12px

}



.roadmap__events__event:nth-child(even):after {

    bottom: -4px

}



.roadmap__events__event:nth-child(even) .event {

    bottom: 80px

}



.roadmap__events__event:nth-child(1n) .event,

.roadmap__events__event:nth-child(1n):after,

.roadmap__events__event:nth-child(1n):before {

    -webkit-transition-delay: .13s;

    -o-transition-delay: .13s;

    transition-delay: .13s

}



.roadmap__events__event:nth-child(2n) .event,

.roadmap__events__event:nth-child(2n):after,

.roadmap__events__event:nth-child(2n):before {

    -webkit-transition-delay: .26s;

    -o-transition-delay: .26s;

    transition-delay: .26s

}



.roadmap__events__event:nth-child(3n) .event,

.roadmap__events__event:nth-child(3n):after,

.roadmap__events__event:nth-child(3n):before {

    -webkit-transition-delay: .39s;

    -o-transition-delay: .39s;

    transition-delay: .39s

}



.roadmap__events__event:nth-child(4n) .event,

.roadmap__events__event:nth-child(4n):after,

.roadmap__events__event:nth-child(4n):before {

    -webkit-transition-delay: .52s;

    -o-transition-delay: .52s;

    transition-delay: .52s

}



.roadmap__events__event:nth-child(5n) .event,

.roadmap__events__event:nth-child(5n):after,

.roadmap__events__event:nth-child(5n):before {

    -webkit-transition-delay: .65s;

    -o-transition-delay: .65s;

    transition-delay: .65s

}



.roadmap__events__event:nth-child(6n) .event,

.roadmap__events__event:nth-child(6n):after,

.roadmap__events__event:nth-child(6n):before {

    -webkit-transition-delay: .78s;

    -o-transition-delay: .78s;

    transition-delay: .78s

}



.roadmap__events__event:nth-child(7n) .event,

.roadmap__events__event:nth-child(7n):after,

.roadmap__events__event:nth-child(7n):before {

    -webkit-transition-delay: .91s;

    -o-transition-delay: .91s;

    transition-delay: .91s

}



.roadmap__events__event:nth-child(8n) .event,

.roadmap__events__event:nth-child(8n):after,

.roadmap__events__event:nth-child(8n):before {

    -webkit-transition-delay: 1.04s;

    -o-transition-delay: 1.04s;

    transition-delay: 1.04s

}



.roadmap__events__event:nth-child(9n) .event,

.roadmap__events__event:nth-child(9n):after,

.roadmap__events__event:nth-child(9n):before {

    -webkit-transition-delay: 1.17s;

    -o-transition-delay: 1.17s;

    transition-delay: 1.17s

}



.roadmap__events__event:nth-child(10n) .event,

.roadmap__events__event:nth-child(10n):after,

.roadmap__events__event:nth-child(10n):before {

    -webkit-transition-delay: 1.3s;

    -o-transition-delay: 1.3s;

    transition-delay: 1.3s

}



.roadmap__events__event:nth-child(11n) .event,

.roadmap__events__event:nth-child(11n):after,

.roadmap__events__event:nth-child(11n):before {

    -webkit-transition-delay: 1.43s;

    -o-transition-delay: 1.43s;

    transition-delay: 1.43s

}



.roadmap__events__event:nth-child(12n) .event,

.roadmap__events__event:nth-child(12n):after,

.roadmap__events__event:nth-child(12n):before {

    -webkit-transition-delay: 1.56s;

    -o-transition-delay: 1.56s;

    transition-delay: 1.56s

}



.roadmap__events__event:nth-child(13n) .event,

.roadmap__events__event:nth-child(13n):after,

.roadmap__events__event:nth-child(13n):before {

    -webkit-transition-delay: 1.69s;

    -o-transition-delay: 1.69s;

    transition-delay: 1.69s

}



.roadmap__events__event:nth-child(14n) .event,

.roadmap__events__event:nth-child(14n):after,

.roadmap__events__event:nth-child(14n):before {

    -webkit-transition-delay: 1.82s;

    -o-transition-delay: 1.82s;

    transition-delay: 1.82s

}



.roadmap__events__event:nth-child(15n) .event,

.roadmap__events__event:nth-child(15n):after,

.roadmap__events__event:nth-child(15n):before {

    -webkit-transition-delay: 1.95s;

    -o-transition-delay: 1.95s;

    transition-delay: 1.95s

}



.roadmap__navigation {

    margin: 0

}



.roadmap__navigation>* {

    position: absolute;

    top: 50%;

    -webkit-transform: translateY(-46%);

    -ms-transform: translateY(-46%);

    -o-transform: translateY(-46%);

    transform: translateY(-46%);

    z-index: 100;

    list-style: none

}



.roadmap__navigation>* a {

    display: block;

    color: #000;

    line-height: 0

}



.roadmap__navigation>* a i {

    font-size: 44px

}



.roadmap__navigation>* a:hover {

    text-decoration: none;

    -webkit-box-shadow: none;

    box-shadow: none

}



.roadmap__navigation>:first-child {

    left: -30px

}



.roadmap__navigation>:last-child {

    right: -30px

}



.roadmap.roadmap--initialized .roadmap__events:after {

    width: 100%

}



.roadmap.roadmap--initialized .roadmap__events .roadmap__events__event:before {

    -webkit-transform: scale(1) translateX(-50%);

    -ms-transform: scale(1) translateX(-50%);

    -o-transform: scale(1) translateX(-50%);

    transform: scale(1) translateX(-50%)

}



.roadmap.roadmap--initialized .roadmap__events .roadmap__events__event:after {

    height: 62px

}



.roadmap.roadmap--initialized .roadmap__events .roadmap__events__event .event {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    -o-transform: scale(1);

    transform: scale(1)

}



@media only screen and (max-width:1199px) {

    .roadmap {

        margin: 50px auto -10px

    }

    .roadmap .roadmap__events {

        padding: 0;

        width: 100%;

        min-height: 400px;
		
	

    }

    .roadmap .roadmap__events:after {

        left: 50%;

        top: 0;

        width: 4px;

        height: -webkit-calc(0% - 0px);

        height: calc(0% - 0px);

        -webkit-transform: translateX(-50%);

        -ms-transform: translateX(-50%);

        -o-transform: translateX(-50%);

        transform: translateX(-50%)

    }

    .roadmap .roadmap__events__event {

        position: relative;

        left: auto!important;

        top: auto;

        bottom: auto;

        margin-left: 0;

        width: auto;

        /*height: auto;*/

        min-height: 120px;
		
	

    }

    .roadmap .roadmap__events__event:before {

        top: -8px;

        bottom: auto

    }

    .roadmap .roadmap__events__event:after {

        top: 0;

        bottom: auto;

        width: 0;

        height: 4px!important

    }

    .roadmap .roadmap__events__event .event {

        top: -15px;

        bottom: auto;

        width: 40%

    }

    .roadmap .roadmap__events__event:nth-child(odd):after {

        -webkit-transform: translateX(-100%);

        -ms-transform: translateX(-100%);

        -o-transform: translateX(-100%);

        transform: translateX(-100%)

    }

}



@media only screen and (max-width:1199px) and (max-width:600px) {

    .roadmap .roadmap__events__event .event {

        width: 50%

    }

    .roadmap .roadmap__events__event:nth-child(odd) .event {

        margin-left: -10%

    }

    .roadmap .roadmap__events__event:nth-child(even) .event {

        margin-right: -10%

    }

}



@media only screen and (max-width:1199px) {

    .roadmap .roadmap__events__event:nth-child(even):after {

        -webkit-transform: translateX(0);

        -ms-transform: translateX(0);

        -o-transform: translateX(0);

        transform: translateX(0)

    }

    .roadmap .roadmap__events__event:nth-child(even) .event {

        right: 0

    }

    .roadmap.roadmap--initialized .roadmap__events:after {

        width: 4px;

        height: -webkit-calc(100% - 120px);

        height: calc(100% - 120px)

    }

    .roadmap.roadmap--initialized .roadmap__events .roadmap__events__event:after {

        width: 48px

    }

    .roadmap.roadmap--initialized .roadmap__events .roadmap__events__event:nth-child(odd):after {

        -webkit-transform: translateX(-100%);

        -ms-transform: translateX(-100%);

        -o-transform: translateX(-100%);

        transform: translateX(-100%)

    }

    .roadmap.roadmap--initialized .roadmap__events .roadmap__events__event:nth-child(even):after {

        -webkit-transform: translateX(0);

        -ms-transform: translateX(0);

        -o-transform: translateX(0);

        transform: translateX(0)

    }

}



@media only screen and (max-width:1199px) and (max-width:600px) {

    .roadmap.roadmap--initialized .roadmap__events .roadmap__events__event:after {

        width: 32px

    }

}