@charset "UTF-8";



/*******

ROAD MAP

*******/
.roadmap_block{
	position:relative;
}
.road_map_bg{
	background:url('../images/road_map_bg.jpg') no-repeat center center;
	background-size:cover;
	position:absolute;
	width:100%;
	left:0;
	top:0;
	height:100%;
}

.roadmap_item{
	position:relative;
	width:300px;
	white-space:normal;
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
	
}
.roadmap_item-h{
	padding:40px 0;
}
.roadmap_top{
	width:100%;
	height:270px;
	position:relative;
	display:flex;
	align-items:flex-end;
}
.roadmap_bottom{
	width:100%;
	min-height:230px;
	padding-top:40px;
}

.number_icon{
	line-height:60px;
	width:60px;
	text-align:center;
	position:relative;
	margin:auto;
	display:inline-block;
	position:absolute;
	bottom:40px;
	left:50%;
	margin-left:-30px;
}
.number_icon_bg{
	width:60px;
	height:60px;
	position:absolute;
	left:0;
	top:0;
	background:url('../images/sided_poligon.svg')
}
.l-section.color_alternate .number_icon{
	color:#fff;
}
.l-section.color_alternate .roadmap_copy{
	color:#fff;
}

.number_icon_label{
	color:#fff;
	text-align:center;
	font-size:36px;
	font-weight:400;
	font-family: "Montserrat", sans-serif;
}
.number_icon_line{
	height:110px;
	width:1px;
	background:#d6b074;
	position:absolute;
	left:50%;
	top:100%;
	margin-top:-1px;
}
.number_icon_dot{
	width:8px;
	height:8px;
	margin-left:-4px;
	background:#d6b074;
	position:absolute;
	top:100%;
	left:50%;
	border-radius:50%;
}
.roadmap_lines{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-orient:vertical;
	-webkit-box-direction:normal;
	    -ms-flex-direction:column;
	        flex-direction:column;
	width:100%;
	padding:30px 0;
}
.roadmap_vline{
	height:85px;
	width:1px;
	margin:auto;
	position:relative;
	-webkit-transform-origin:0 100%;
	        transform-origin:0 100%;
}
.roadmap_linedot{
	height:7px;
	width:7px;
	position:absolute;
	left:50%;
	top:0;
	margin-left:-3px;
	background:#F60358;
	-webkit-transform:rotate(45deg);
	        transform:rotate(45deg);
}
.roadmap_vline-h{
	width:100%;
	
}
.roadmap_hline{
	width:100%;
	left:0;
	height:1px;
	position:relative;
}
/*
ul.roadmap_list li:first-child .roadmap_hline{
	width:50%;
	left:50%;
	width:calc(50% + 1px);
}
ul.roadmap_list li:last-child .roadmap_hline{
	width:50%;
	width:calc(50% + 1px);
}*/
.line_color_fill{
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	background:#d6b074;
	-webkit-transition: all .3s;
	transition:all .3s;
}
.l-section.color_alternate .line_color_fill{
	background:#d6b074;
}


ul.roadmap_list{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	list-style:none;
	margin:0;
	white-space:nowrap;
}

ul.roadmap_list li{
}
.roadmap_copy{
	text-align:left;
	padding: 0 10%;
}
.l-main section.color_alternate .roadmap_copy h5{
	color:#d6b074;
}
.roadmap_copy h5{
	font-size:18px;
	font-weight:bold;
	text-transform:none;
	font-family: "Roboto","Montserrat", sans-serif;
}
.roadmap_copy_clonespacer,
.roadmap_copy{
	min-height:120px;
}

.roadmap_whiteseparator{
	position:absolute;
	width:1px;
	opacity:.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	background:#1a1a1a;
	right:0;
	height:100%;
	top:0;
}




.roadmap_list_holder{
	position:relative;
}
.roadmap_list_title{

	-webkit-transition: all .5s;
	transition:all .5s;
}
.roadmap_list_title h2{

	font-size:89px;
	font-weight:400;
}

.hide_roadmap_title .roadmap_list_title{
	visibility:hidden;
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.roadmap_list_maskblock{
	overflow:hidden;
	width:100%;
	padding:20px 0;
}


.roadmap_whiteseparator,
.roadmap_hline,
.roadmap_topnumber,
.roadmap_copy,
.roadmap_vline{
	-webkit-transition: all .5s;
	transition:all .5s;
}
.item_ofuscated .roadmap_list_title,
.item_ofuscated .roadmap_whiteseparator,
.item_ofuscated .roadmap_topnumber,
.item_ofuscated .roadmap_copy{
	visibility:hidden;
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transform:scale(.8);
	        transform:scale(.8);
}
.number_icon_line{
	transition:height .7s cubic-bezier(0.86, 0, 0.07, 1);
}
.item_border_right .number_icon_line,
.item_ofuscated .number_icon_line{
	height:0;
}
.item_border_right .roadmap_topnumber,
.item_border_right .roadmap_copy{
	visibility:hidden;
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	-webkit-transform:scale(.8);
	        transform:scale(.8);
}

.item_ofuscated .roadmap_vline {

}

.item_ofuscated .roadmap_hline .line_color_fill{
	opacity:0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
}
.item_ofuscated_border .roadmap_hline{
	width:30%;
	left:70%;
}

.item_ofuscated_border .roadmap_hline .line_color_fill{
	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:360px;
	margin-top:-70px;
	right:20px;
	z-index:10;
	width:40px;
	height:140px;
	display:flex;
	justify-content:space-between;
	opacity:1;
	visibility:visible;
	transition:all .3s;
	transition-delay:.5s;
	display:flex;
	flex-direction:column-reverse;
	justify-content:center;
}
section:not(.current_section) .roadmap_arrowcontrols{
	transition-delay:0s;
	right:-60px;
	opacity:0;
	visibility:hidden;
}




@media (max-width: 1400px) {
	.roadmap_item {
		width: 250px;
	}
}
@media (max-width: 767px) {
	.roadmap_list_title {
		width:50%;
	}
	.roadmap_list_title h2{
		font-size:40px;
		font-size:16vw;
	}
	
	.roadmap_item {
		width: 220px;
	}
	.roadmap_top{
		height:150px;
	}
	.roadmap_bottom{
		padding-top:30px;
		min-height:180px;
	}
	.roadmap_lines{
		padding: 20px 0;
	}
	.number_icon {
		line-height: 50px;
		width: 50px;
	}
	.number_icon_bg{
		width:50px;
		height:50px;
	}
	.number_icon_label{
		font-size:28px;
	}
	.number_icon_line {
		height: 90px;
	}
	
	
	.roadmap_arrowcontrols .slider_arrow{
		margin:10px auto;
	}
	.roadmap_arrowcontrols{
		top:230px;
	}
}