.routes-map-new-container{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;

	height: 880px;
}
.routes-map-new-left{
	width: 31.25%;
	background: #09388A;
	position: relative;
    z-index: 11;
}
.routes-map-new-right{
	width: 68.75%;
	position: relative;
}
.routes-map-new-tabs-list{
	height: 100%;
}
.routes-map-new-tab-item{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 100%;
}
.routes-map-new-tab-item-container{
	display: inline-block;
	width: 100%;
}
.routes-map-new-tab-item-wrapper{
	display: inline-block;
	width: 100%;
	box-sizing: border-box;
	padding: 2rem 3.675rem;
}
.routes-map-new-tab-item-title{

	color: #FFFFFF;
	font-weight: 500;
	font-size: 1.5rem;
	line-height: 150%;
	margin-bottom: 3rem;

	transition: all 0.3s ease;
}
.routes-map-new-tab-item.selected{

}
.routes-map-new-tab-item.selected .routes-map-new-tab-item-title{
	margin-bottom: 1.125rem;
}
.routes-map-new-tab-item.selected .routes-map-new-search-container{
	margin-bottom: 1.75rem;
}
.routes-map-new-tab-item.selected .routes-map-new-select{
	margin-bottom: 1.75rem;
}
.routes-map-new-tab-item.selected .routes-map-new-select:last-of-type{
	margin-bottom: 0px;
}
.routes-map-new-select .choices__inner{
	border-bottom: 2px solid rgba(255,255,255,0.1);
	color: white;
}
.routes-map-new-select .choices__inner:focus,
.routes-map-new-select .choices__inner:hover{
	border-bottom-color: #ffffff;
}
.routes-map-new-select .choices[data-type*=select-one]:after{
	background: url(../img/arrows/arrow-4-down-white.svg) no-repeat center center;
}
.routes-map-new-tab-item-content{

}
.routes-map-new-search{
	margin-top: 17px;
	display: inline-block;
	width: 100%;
}
.routes-map-new-search-container{
	margin-bottom: 3.75rem;
	transition: all 0.3s ease;
}
.routes-map-new-search-container .field .input{
	font-weight: 400;
	font-size: 13px;
	line-height: 13px;

	border-bottom: 2px solid rgba(255,255,255,0.1);
	color: white;
	padding-right: 30px;
}
.routes-map-new-search-container .field .control{
	position: relative;
}
.routes-map-new-search-container .field .control span.icon{
	position: absolute;

	display: inline-block;
	width: 15px;
	height: 15px;

	right: 0px;
	top: -6px;
}
.routes-map-new-search-container .field .control span.icon svg{
	vertical-align: top;
}
.routes-map-new-search-container .field .control span.icon.removerSearch:before,
.routes-map-new-search-container .field .control span.icon.removerSearch:after{
	content: "";
	display: inline-block;
	width: 15px;
	height: 2px;
	background: white;
    top: 5px;
    position: absolute;
}
.routes-map-new-search-container .field .control span.icon.removerSearch:before{
	transform: rotate(45deg);
}
.routes-map-new-search-container .field .control span.icon.removerSearch:after{
	transform: rotate(-45deg);
}
.routes-map-new-search-container .field .control span.icon.removerSearch:hover{
	cursor: pointer;
	opacity: 1;
}
.routes-map-new-search-container .field .control span.icon.removerSearch svg{
	display: none;
}
.routes-map-new-search-container .field .label{
	font-weight: 400;
	font-size: 16px;
	line-height: 16px;
	color: white;
	opacity: .5;
	transition: all 0.3s ease;
}
.routes-map-new-search-container .field .inp-focus~label{
	font-size: 13px;
}
.routes-map-new-select{
	margin-bottom: 3rem;
	transition: all 0.3s ease;
}
.routes-map-new-select label{
	font-weight: 400;
	font-size: 14px;
	line-height: 150%;
	color: #FFFFFF;
	opacity: 0.4;
}
.routes-map-new-select:last-of-type{
	margin-bottom: 0px;
}
.routes-map-new-menu{
	display: inline-block;
	width: 100%;
	background: white;
	box-sizing: border-box;
	padding: 1.75rem 7rem 1.5rem;
	vertical-align: top;
}
.routes-map-new-menu-item{
	float: left;
	margin-right: 6.5rem;
}
.routes-map-new-menu-item a{

	font-weight: 500;
	font-size: 17px;
	line-height: 150%;
	color: #001E42;

	opacity: 0.4;
	position: relative;
	transition: all 0.3s ease;

}
.routes-map-new-menu-item a:hover{
	opacity: 1;
	text-decoration: none;
}
.routes-map-new-menu-item a.active{
	opacity: 1;
}
.routes-map-new-menu-item a.active:before{
	content: "";
	position: absolute;
	display: inline-block;
	width: 100%;
	height: 3px;
	background: #0E3988;
	left: 0px;
	bottom: -1.675rem;
}

.routes-map-new-show-map{
	display: inline-block;
	width: 100%;
	height: calc(100% - 80px);
	position: relative;
	/*transition: all 0.3s ease;*/

	width: 100%;
}
.routes-map-new-show-map.opened{
	width: calc(100% - 302px);
}

.type-map-route {
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
}
.type-map-route .type-map-route-container{
	width: 100%;
	height: 100%;
}


.mapboxgl-popup-content{

}
.popup-mapbox-conainer{
	width: 520px;
	box-sizing: border-box;
	font-family: Graphik,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
	padding: 15px 15px 5px 15px;
}
.popup-mapbox-conainer-slide{
    margin-right: 17px;
    overflow-x: hidden;
}
.popup-mapbox-conainer + .mapboxgl-popup-close-button,
.popup-mapbox-conainer-slide + .mapboxgl-popup-close-button{
    width: 30px;
    height: 30px;
    font-size: 20px;
}
.popup-mapbox-title{
	font-weight: 500;
	font-size: 15px;
	line-height: 150%;
	color: #09388A;
	margin-bottom: 10px;
}
.popup-mapbox-contacts{
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-bottom: 10px;
}
.popup-mapbox-address{

}
.popup-mapbox-contacts-item{

}
.popup-mapbox-contacts .popup-mapbox-contacts-item{
	width: 33.33%;
	padding-right: 10px;
}
.popup-mapbox-contacts .popup-mapbox-contacts-item:last-of-type{
	padding-right: 0px;
}
.popup-mapbox-contacts-item .name{
	display: inline-block;
	width: 100%;
	font-weight: 400;
	font-size: 14px;
	line-height: 150%;
	color: #001E42;
	opacity: 0.4;
	margin-bottom: 2px;
}
.popup-mapbox-contacts-item .value{
	display: inline-block;
	width: 100%;
	font-weight: 500;
	font-size: 13px;
	line-height: 150%;
	color: #001E42;
}
.popup-mapbox-contacts-item .value a{
	text-decoration: none;
	position: relative;
}
.popup-mapbox-contacts-item .value a:before{
	content: "";
	display: inline-block;
	width: 100%;
	height: 1px;
	background: #001e42;
	left: 0px;
	bottom: -1px;
	transition: all 0.3s ease;
	transform: translateY(-2px);
	opacity: 0;
	position: absolute;
}
.popup-mapbox-contacts-item .value a:hover:before{
	transform: translateY(0px);
	opacity: 1;
}
.popup-mapbox-contacts-item .value a:hover{
	text-decoration: none;
}



.routes-map-new-tab-item-dop{
	background: white;
	height: 530px;
}
.routes-map-new-services{
	height: 100%;
	overflow-y: scroll;
}
.routes-map-new-service-item{
	box-sizing: border-box;
	border-bottom: 1px solid rgba(0, 30, 66, 0.1);
}
.routes-map-new-service-item:last-of-type{
	border-bottom: 0px;
}
.routes-map-new-service-item a{
	display: inline-block;
	width: 100%;
	text-decoration: none;
	display: flex;
	align-items: center;
	height: 112px;
	box-sizing: border-box;
	padding: 0 3.375rem;
	transition: all 0.3s ease;

	position: relative;
}
.routes-map-new-service-item a:hover{
	text-decoration: none;
	background: #E7ECF4;
}
.routes-map-new-service-item a.active{
	background: #E7ECF4;
}
.routes-map-new-service-item a.active:before{
	content: "";
	position: absolute;
	display: inline-block;
	width: 18px;
	height: 13px;
	background: url(../img/current-route.svg) no-repeat center center;
	right: 1.275rem;
	top: 1.75rem;
}
.routes-map-new-service-item-container{

}
.routes-map-new-service-item-container .icon{
	float: left;
	display: inline-block;
}
.routes-map-new-service-item-container .name{
	display: block;
	padding-left: 40px;

	font-weight: 400;
	font-size: 15px;
	line-height: 150%;
}



.routes-map-new-detail-service-info{
	position: absolute;
	display: inline-block;
	width: 302px;
	box-sizing: border-box;
    padding: 0rem 0 2rem;
	right: 0px;
	top: 77px;
	background: white;
	height: calc(100% - 80px);
	z-index: 10;
	overflow-y: auto;

	transform: translateX(100%);
	transition: all 0.3s ease;
}
.routes-map-new-detail-service-info.show{
	transform: translateX(0);
}
.routes-map-new-detail-service-info-title{
	font-weight: 500;
	font-size: 17px;
	line-height: 150%;
	color: #001E42;
	margin-bottom: 12px;
	padding: 0 2rem;
}
.routes-map-new-detail-item{
	padding: 0 2rem;
}
.routes-map-new-detail-item.is-loading{
	position: relative;
	background: rgba(9, 56, 138, 0.1);
}
.routes-map-new-detail-item.is-loading:after {
    position: absolute;
    top: calc(50% - .75em);
    left: calc(50% - .75em);
    -webkit-animation: spinAround .8s linear infinite;
    animation: spinAround .8s linear infinite;
    border: 2px solid #fff;
    border-radius: 50%;
    border-top-color: rgba(0,0,0,0)!important;
    border-right-color: rgba(0,0,0,0)!important;
    content: "";
    display: block;
    height: 1.5em;
    width: 1.5em
}
.routes-map-new-detail-service-info.loader{

}
.routes-map-new-detail-service-info.loader:before{
	content: "";
	position: absolute;
	display: inline-block;
	width: 100%;
	height: 100%;
	left: 0px;
	top: 0px;
	background: rgba(255, 255, 255, 0.1);
	z-index: 1;
}
.choices__list--dropdown .choices__item.always_hide{
	display: none !important;
}
.routes-map-new-detail-service-info.loader:after{
	position: absolute;
    top: calc(50% - .75em);
    left: calc(50% - .75em);
    -webkit-animation: spinAround .8s linear infinite;
    animation: spinAround .8s linear infinite;
    border: 2px solid rgba(9, 56, 138, 0.5);
    border-radius: 50%;
    border-top-color: rgba(0,0,0,0)!important;
    border-right-color: rgba(0,0,0,0)!important;
    content: "";
    display: block;
    height: 1.5em;
    width: 1.5em;
	z-index: 2;
}
.routes-map-new-detail-item a{
	display: inline-block;
	width: 100%;
	text-decoration: none;

	font-weight: 500;
	font-size: 14px;
	line-height: 150%;

	color: #09388A;
	padding: 14px 0;

	align-items: center;

	border-bottom: 1px solid #EAEAEA;
	box-sizing: border-box;
	font-family: Graphik,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;

}
.routes-map-new-detail-item a.active{
	border-bottom: 1px solid transparent;
}
.routes-map-new-detail-item a:hover{
	text-decoration: none;
}
.routes-map-new-detail-item-container{
	position: relative;
}
.routes-map-new-detail-item-container .icon{
	position: absolute;
	left: -10px;
	top: 50%;
	transform: translateY(-50%);
}
.routes-map-new-detail-item-container .name{
	display: block;
	padding-left: 26px;

	font-weight: 500;
	font-size: 14px;
	line-height: 20px;
	padding-right: 20px;
	padding-top: 6px;
	padding-bottom: 6px;
}
.routes-map-new-detail-item-container .arrow{
	position: absolute;
	top: 50%;
	right: -8px;
	transform: translate(-50%, -50%);
	transition: all 0.3s ease;
}
.routes-map-new-detail-item-opener.active .routes-map-new-detail-item-container .arrow{
	transform: translate(-50%, -50%) rotate(180deg);
}


.routes-map-new-detail-item-content{
	margin-top: -5px;
}
.routes-map-new-detail-item-price{
	margin-bottom: 20px;
}
.routes-map-new-detail-item-price a{
	padding: 0px;
    font-size: 12px;
    line-height: 150%;
    border-bottom: 1px dashed;
    display: inline-block;
    width: auto;
}
.routes-map-new-detail-item-price a:hover{
	border-bottom: 1px dashed transparent;
}
.routes-map-new-detail-item-price.empty-price{
	text-align: center;
}
.routes-map-new-detail-item-price span{
	font-weight: 400;
	font-size: 12px;
	line-height: 150%;
	color: #001E42;
	opacity: 0.5;
}
.routes-map-new-detail-item-price span.price{
	font-weight: 400;
	font-size: 13px;
	line-height: 150%;
	color: #001E42;
	opacity: 1;
}
.routes-map-new-detail-item-route{

	padding-left: 24px;
	box-sizing: border-box;
	border-left: 1px solid #FE991F;
	margin-bottom: 20px;
}
.routes-map-new-detail-name{
	position: relative;
	margin-bottom: 15px;


	font-weight: 400;
	font-size: 13px;
	line-height: 150%;
}
.routes-map-new-detail-name:last-of-type{
	margin-bottom: 0px;
}
.routes-map-new-detail-name:before{
	content: "";
	position: absolute;
	display: inline-block;
	width: 5px;
	height: 5px;
	border: 1px solid #FE991F;
	border-radius: 50%;
	background: white;
	left: -27px;
	top: 50%;
	transform: translateY(-50%);
}
.routes-map-new-detail-item-action{

}
.routes-map-new-detail-item-action a{
	border-bottom: 0px;
	height: 54px;
	border: 1px solid rgba(9, 56, 138, 0.4);
}
.js-search-result-items{
	position: absolute;
    width: 100%;
    top: 100%;
    z-index: 10;
    background: white;
}
.js-search-result-items .oneElementSearch{
    position: relative;
    padding: 20px 25px;
    font-size: 16px;
    border-bottom: 1px solid #f3f3f3;
}

.routes-map-new-detail-service-info-link{
    padding: 0 2rem;
	box-sizing: border-box;
}
.routes-map-new-detail-service-info-link a{
	font-weight: 400;
	font-size: 13px;
	line-height: 150%;
	color: #09388A;
	display: inline-block;
	margin-bottom: 24px;
}





#mapboxmap-routes .mapboxgl-marker span.name {
	display: block;
	position: absolute;
	margin-top: -28px;
	white-space: nowrap;
	font-size: 20px;
	font-weight: 600;
	color: #787878;
	text-shadow: 1px 1px 0px white;
}
#mapboxmap-routes .mapboxgl-marker:after{
	content: '';
	position: absolute;
	top: -9px;
	left: -1px;
	width: 11px;
	height: 11px;
	border-radius: 50%;
	background: rgb(0, 50, 160);
}
#mapboxmap-routes .mapboxgl-marker.red:after{
	background: #B71D2C;
}
#mapboxmap-routes .mapboxgl-marker:before{
	content: '';
	position: absolute;
	top: -10px;
	left: -2px;
	width: 13px;
	height: 13px;
	border-radius: 50%;
	background: white;
}

#mapboxmap-routes .mapboxgl-marker.marker.marker-office{

}
#mapboxmap-routes .mapboxgl-marker.marker.marker-office:before{
	display: none;
}
#mapboxmap-routes .mapboxgl-marker.marker.marker-office:after{
	display: none;
}
#mapboxmap-routes .mapboxgl-marker.marker.marker-office span{
    position: absolute;
    bottom: -15px;
    left: 50%;
    transform: translateX(-50%);
    font-family: Graphik,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
    white-space: nowrap;
}

#mapboxmap-routes .mapboxgl-marker {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 16px;
	top: 3px;
    left: 3px;
}
#mapboxmap-routes .marker-from.mapboxgl-marker{
	z-index: 5;
}
#mapboxmap-routes .mapboxgl-marker .arrow{
	background-image: url(/mapbox/dist/img/left-arrowhead-svgrepo-com_3.svg);
	background-repeat: no-repeat;
	background-size: 48px;
	width: 55px;
	height: 50px;
	display: inline-block;
	position: absolute;
	left: 65%;
	top: 50%;

	display: none!important;
}
#mapboxmap-routes .mapboxgl-marker.red .arrow {
	background-image: url(/mapbox/dist/img/left-arrowhead-svgrepo-com_3_red.svg);
}

#mapboxmap-routes .under-dot.mapboxgl-marker span.name{
	margin-top: 0.3rem;
	z-index: 5;
}

#mapboxmap-routes .left-dot.mapboxgl-marker span.name{
	margin-left: 5.5rem;
}

#mapboxmap-routes .right-dot.mapboxgl-marker span.name{
	margin-right: 5.5rem;
}


#js-map .mapboxgl-marker.hide .arrow{
	display: none!important;
}



.routes-map-new-container .routes-map-new-menu.mobile{
	display: none;
}
/*.routes-map-new-tab-item-dop.mobile{
	display: none!important;
}*/
.routes-map-new-detail-service-info.mobile{
	display: none;
}

@media (max-width: 500px){
	.routes-map-new-container{
		height: auto;
	}
	.routes-map-new-left{
		width: 100%;
		height: 40%;
		margin-bottom: 40rem;
	}
	.routes-map-new-right{
		width: 100%;
		margin-top: -40rem;
		overflow: auto;
	}
	.routes-map-new-container .routes-map-new-menu.mobile{
		display: flex;
		padding: 1.75rem 0 1.5rem 0;
		height: 85px;
	}
	.routes-map-new-right .routes-map-new-menu{
		display: none;
	}
	.routes-map-new-menu .routes-map-new-menu-item{
		margin-right: 0;
		margin-left: 60px;
	}
	.routes-map-new-menu .routes-map-new-menu-item:last-child{
		margin-left: 70px;
	}
	.routes-map-new-tab-item-wrapper .routes-map-new-tab-item-title{
		display: none;
	}
	.routes-map-new-search-container .field .control span.icon{
		top: 3px;
	}
	.routes-map-new-tab-item-content{
		width: 125%;
		margin-left: -2rem;
	}
	.routes-map-new-tab-item-dop.desktop{
		display: none!important;
	}
	.routes-map-new-detail-service-info{
		display: none;
	}

	.routes-map-new-show-map.opened{
		width: 100%;
	}

}
@media (max-width: 990px){
	.routes-map-new-container{
		height: auto;
	}
	.routes-map-new-left{
		width: 100%;
		height: fit-content;
	}
	.routes-map-new-right{
		display: flex;
   		flex-flow: column;
		width: 100%;
		margin-top: -40rem;
	}
	.routes-map-new-right .routes-map-new-menu{
		padding: 1.75rem 56px 1.5rem 0;
	}
	.routes-map-new-menu .routes-map-new-menu-item{
		margin-right: 0;
	}
	.routes-map-new-tab-item-wrapper .routes-map-new-tab-item-title{
		display: none;
	}
	.routes-map-new-tab-item-dop{
		display: none;
	}
	.routes-map-new-tab-item-dop.mobile{
		display: block;
		flex-flow: column;
		max-height: 456px;
    	height: 100%;
	}
	.routes-map-new-show-map{
		overflow: hidden;
		height: 485px;
	}
	.routes-map-new-detail-service-info.mobile{
    	top: 38rem;
		position: absolute;
		width: 100%;
		height: 456px;
	}
	.routes-map-new-detail-service-info.mobile.show{
		display: block;
	}
	.type-map-route-container .mapboxgl-popup.mapboxgl-popup-anchor-bottom-left, 
	.type-map-route-container .mapboxgl-popup.mapboxgl-popup-anchor-left, 
	.type-map-route-container .mapboxgl-popup.mapboxgl-popup-anchor-top-left{
		display: flex;
		position: relative;
		transform: none!important;
    	top: 18rem;
	}
}
@media (min-width: 990px){

}
@media (min-width: 500px) {
	.routes-map-new-tab-item-dop.mobile{
		display: none!important;
	}
}