@charset "UTF-8";


/*******

ROAD MAP

*******/
.roadmap_block{
	position:relative;
	margin-right:175px;
}



.roadmap_item-h{
	padding:40px 0;
}

.roadmap_list_holder{
	position:relative;
	display:inline-flex;
}
ul.roadmap_list{
	display:inline-flex;
	list-style:none;
	margin:0;
	white-space:nowrap;
}

ul.roadmap_list li{
	white-space:normal;
}



.roadmap_list_maskblock{
	overflow:hidden;
	width:100%;
	padding:20px 0;
}
.roadmap_list_mask_fade{
	position:absolute;
	right:0;
	top:0;
	width:50px;
	height:100%;
background: -moz-linear-gradient(left, rgba(46,47,55,0) 0%, rgba(46,47,55,1) 100%);
background: -webkit-linear-gradient(left, rgba(46,47,55,0) 0%,rgba(46,47,55,1) 100%);
background: linear-gradient(to right, rgba(46,47,55,0) 0%,rgba(46,47,55,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002e2f37', endColorstr='#2e2f37',GradientType=1 );
	
}



.roadmap_item{
	width:300px;
	display:inline-block;
	padding:0 40px 0 0;
	vertical-align:top;
	position:relative;
  -webkit-touch-callout: none; /* iOS Safari */
    -webkit-user-select: none; /* Safari */
     -khtml-user-select: none; /* Konqueror HTML */
       -moz-user-select: none; /* Firefox */
        -ms-user-select: none; /* Internet Explorer/Edge */
            user-select: none; /* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
.roadmap_item_dot,
.roadmap_item_copy{
	-webkit-transition: all .5s;
	transition:all .5s;
	
}
.item_ofuscated .roadmap_item_copy{
	visibility:hidden;
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transform:scale(.9);
	        transform:scale(.9);
}
.roadmap_block:not(.hide_controls) .item_border_right .roadmap_item_dot{
	background:#269749;
	opacity:1;
	
}
.item_ofuscated .roadmap_item_dot{
	visibility:hidden;
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transform:scale(.9);
	        transform:scale(.9);
}
.road_map_title,
.road_map_date,
.road_map_content{
	-webkit-transition: all .5s;
	transition:all .5s;
}
.roadmap_block:not(.hide_controls) .item_border_right .road_map_title,
.roadmap_block:not(.hide_controls) .item_border_right .road_map_date{
	opacity:.3;
}

.roadmap_block:not(.hide_controls) .item_border_right .road_map_content{
	opacity:0;
	visibility:hidden;
}
.item_ofuscated .roadmap_item_linefill{
	width:0;
}

.item_ofuscated_border .roadmap_hline{
	width:30%;
	left:70%;
}

.item_ofuscated_border .roadmap_item_linefill{
	opacity:1;
	background: -webkit-linear-gradient(left, rgba(214,176,116,0) 0%,rgba(214,176,116,1) 100%);
	background: linear-gradient(to right, rgba(214,176,116,0) 0%,rgba(214,176,116,1) 100%);
}



.roadmap_arrowcontrols{
	position:absolute;
	/*top:45%;
	top:calc(50% - 70px);*/
	top:11px;
	left:100%;
	padding-left:15px;
	z-index:10;
	transform:none;
	opacity:1;
	visibility:visible;
	transition:all .3s;
	transition-delay:.5s;
	display:flex;
	flex-direction:row;
	justify-content:center;
	bottom:auto;
}
.roadmap_arrowcontrols .arrows_control_button{
	margin-right:10px;
}
.roadmap_arrowcontrols .arrows_control_button:last-child{
	margin-right:0;
}

.roadmap_block.hide_controls .roadmap_arrowcontrols{
	opacity:0;
	visibility:hidden;
}
/*
section:not(.current_section) .roadmap_arrowcontrols{
	transition-delay:0s;
	right:-60px;
	opacity:0;
	visibility:hidden;
}*/



.roadmap_item_topblock{
	position:absolute;
	width:100%;
	top:0;
	left:0;
	padding:10px 0;
}
ul.roadmap_list li:last-child .roadmap_item_topblock{
	width:200%;
}

.roadmap_item_dot{
	position:absolute;
	width:20px;
	height:20px;
	left:10px;
	top:50%;
	background:#1FFF5A;
	border-radius:10px;
	margin-top:-10px;
}
.roadmap_item_line{
	width:100%;
	height:1px;
	position:relative;
	}
	.roadmap_item_linefill{
		position:absolute;
		width:100%;
		height:100%;
		right:0;
		top:0;
		
		background:#fff;
		transition:width .5s;
	}
ul.roadmap_list li:last-child .roadmap_item_topblock .roadmap_item_linefill{
	background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
	background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#00ffffff',GradientType=1 );
}
	
.road_map_date{
	margin-bottom:10px;
}
.road_map_date h5{
	font-size:34px;
}	
.road_map_title {
	margin-bottom:10px;
}
.road_map_title h3{
	font-size:16px;
	line-height:130%;
	text-transform:none;
}

.our_timeline_side_content{
	transform:translateY(50px);
}



@media (max-width: 1500px) {
	.roadmap_item {
		width: 260px;
	}
}
@media (max-width: 1400px) {
	.roadmap_item {
		width: 250px;
	}
}
@media (max-width: 767px) {
	.our_timeline_side_content{
		transform:none;
		
	}
	.roadmap_block{
		margin-right:80px;
	}
	.roadmap_arrowcontrols{
		right:auto;
		flex-direction:column-reverse;
	}
	.roadmap_arrowcontrols .arrows_control_button{
		margin-right:0;
	}
	
	.roadmap_item{
		width:200px;
		padding-right:15px;
	}
}