@media print{
    .inlineBay, .tooltip2{ /* , .expl */
        display:none;
    }
    .print_view .list_row .list_cell .transfer {
        top:10px;
    }
    div.vehicleDivRegistry{
        top:80px;
    }
}

.results .results_body .results_list_body .list_row .list_cell .station {
    overflow:visible;
}

.results .results_body .results_list_body .list_row.more_details .details_content .travel_steps .step>div .departure {
    top: -8px;
}

.titlebanner{
    margin: 5px auto 0px auto;
    width: 1190px;
}

.main_title {
    margin: 5px auto 35px auto;
}

.mapTooltip1:after{
    content:'';
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -7px;
    width: 0;
    height: 0;
    border-top: solid 10px #ffffff;
    border-left: solid 7px transparent;
    border-right: solid 7px transparent;
} 
.mapTooltip1.arrowBlue:after{
    border-top: solid 10px #0070ff;
}

.background{
    height:1080px;
}
.background.height{
    height:760px;
}

footer .footer_inner>div {
    padding: 0 10px;
}

footer .footer_inner>div:first-child {
    padding-left: 25px;
}

/*
.results .results_body .results_list_body .list_row.banner_row {
    margin-bottom: 0px;
}
*/

.adocean_banner{
    width:100%;
}

#ac.ac-open {
    max-height: 500px;
    opacity: 1;
}
#ac, #ac.ac-open {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#ac {
    background: rgba(34,34,34,.8);
    bottom: 0;
    display: block;
    left: 0;
    margin: auto;
    max-height: 0;
    opacity: 0;
    position: fixed;
    right: 0;
    text-align: left;
    text-transform: none;
    visibility: visible;
    width: 100%;
    z-index: 1000000;
}
#ac-details {
    color: #fff;
    display: inline-block;
    font: 400 15px/20px Roboto,sans-serif;
    padding: 20px 135px 20px 10px;
}
#ac.ac-open #ac-link {
    bottom: 13px;
}
#ac.ac-open #ac-button, #ac.ac-open #ac-link {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#ac-link {
    color: #f0cc03;
    font: 400 15px Roboto,sans-serif;
    text-decoration: none;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#ac.ac-open #ac-button, #ac.ac-open #ac-link {
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
#ac.ac-open #ac-button {
    bottom: 0;
    top: 0;
}
#ac-button {
    background: #f0cc03;
    border-radius: 4px;
    bottom: -34px;
    color: #222;
    cursor: pointer;
    display: inline-block;
    font: 700 14px/34px Roboto,sans-serif;
    height: 34px;
    margin: auto;
    padding: 0 20px;
    text-transform: uppercase;
    -webkit-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    position: absolute;
    top: 100%;
    right: 15px;
}
.fd_ol3_modal {
    background: #383842;
    border: 3px solid #606068;
    box-shadow: 0 5px 10px rgba(0,0,0,0.5);
    box-sizing: border-box;
    color: #FFFFFF;
    height: 325px;
    width: 472px;
    text-align: center;
    z-index: 99;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    position: fixed;
	display:block;
}
.fd_ol3_modal>div.close {
    background-color: #0070FF;
    border: 2px solid #383842;
    cursor: pointer;
    box-shadow: 0 5px 10px rgba(0,0,0,0.5);
    height: 27px;
    width: 27px;
    position: absolute;
    right: -17px;
    top: -17px;
    text-align: center;
    z-index: 100;
    border-radius: 50px 50px 50px 50px;
}
.fd_ol3_modal>div.close svg{
	position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
}
.fd_ol3_modal .ol3_modal {
    font: normal 15px/18px 'Roboto';
    padding: 20px;
}
.fd_ol3_modal .ol3_modal h3 {
    font: 700 16px/18px 'Roboto';
    margin: 20px auto 30px;
    text-transform: uppercase;
}
.fd_ol3_modal .ol3_modal a {
    color: #FFFFFF;
    opacity: 1;
    transition: opacity 0.3s;
	text-decoration:none;
}
.fd_ol3_modal .ol3_modal a:hover {
    opacity: .8;
}
.vehicleBox{
    display:inline-block;
    height:1.7em;
    line-height:1.7em;
    color:#ffffff;
    border-radius:3px;
    padding:0px 3px 0px 3px;
    margin:0px 4px 0px 0px;
}
.vehicleBox.bus{
    background-color:#FEAE46;
    color:#000000;
}
.vehicleBox.busMixed{
    background-color:#5F6A75;
    color:#ffffff;
}
.vehicleBox.agglo{
    background-color:#00A3D3;
    color:#ffffff;
}
.vehicleBox.train{
    background-color:#0070FF;
}
.vehicleBox.train_replacement{
    background-color:#330099;
}
.vehicleBox.hev{
    background-color:#5FBB59;
}
.vehicleBox.ship{
    background-color:#63B0B8;
}
.vehicleBox.bkk{
    background-color:#00A3D3;
    color:#ffffff;
}
.vehicleBox.trolley{
    background-color:#ff5321;
}
.vehicleBox.tram{
    background-color:#fcc900;
    color:#000000;
}
.vehicleBox.metro{
    background-color:#808080;
}
.vehicleBox.narow_gauge{
    background-color:#000000;
    color:#ffffff;
}
.vehicleBox.local{
    background-color:#888888;
}
.results .results_body .results_list_body .list_row .list_cell .transfer {
    top:10px;
}
.vehicleDiv{
    position:absolute;
    top:30px;
    left:0;
    right:0;
}
.vehicleDivRegistry{
    position:absolute;
    top:20px;
    left:0;
    right:0;
}
.results .results_body.registry .list_row .list_cell:first-child {
    flex: 0 0 30%;
}
.results .results_body.registry .list_row .list_cell:nth-child(2) {
    flex: 0 0 8%;
}
.results .results_body.registry .list_row .list_cell:nth-child(3) {
    flex: 0 0 32%;
}

.results .results_body.registry .list_row .list_cell:nth-child(3) .info {
    top: 70px;
}

.results .results_body.registry .list_row .list_cell:nth-child(2) .inner.hurry {
    background: #FECC00;
}

.results .results_body.registry .list_row .list_cell:nth-child(2) .inner.hurry .clock path {
    fill: #000000;
}

.results .results_body.registry .list_row .list_cell:nth-child(2) .inner.hurry .time {
    color: #000000;
    font-size: 15px;
}

.results .results_body .results_list_body .list_row .list_cell .time {
    line-height: 30px;
}

.results .results_body .results_list_body .list_row .list_cell .routemap {
    top:60px;
    bottom:auto;
}
.results .results_body .results_list_body .list_row .list_cell .traveldata {
    top:70px;
    bottom:auto;
}

.results .results_body .results_list_body .list_row.more_details .details_content .travel_map .mapinfo .mapinfo_head .row>div:first-child {
    /*width: 140px;*/
}
.results .results_body .results_list_body .list_row.more_details .details_content .travel_map .mapinfo .mapinfo_body .table .tr .td.w100.blue {
    color: #0054BF;
}
h2.favorites {
    border-left: none;
}
h2.travel_info .search_info {
    margin-right: 20px;
    padding-right: 20px;
    border-right: 1px solid #fff;
    position:relative; 
}
.results .results_body {
    height:unset;
}
.results .results_body .results_list_body .list_row.more_details .details_content .travel_steps .step>div .departure {
    width:95px;
}
.results .results_header .filters>div.input_more {
    float: right;
    border: 0;
    padding: 0;
    text-transform: uppercase;
    font-size: 12px;
}
.ol-legendbutton {
        top: 35px;
        right: .5em;
}
.fd_mapinfo_guide{
    height:480px;
}
.fd_expl_info{
    height: 320px;
}
.fd_expl_info button {
    background: #0070ff;
    padding: 9px 10px 5px 10px;
    color: #7D8083;
    font: normal 13px "Gotham Bold";
    width: 100%;
    text-transform: uppercase;
    border: 0;
    color: #fff;
    cursor: pointer;
    border-radius: 5px 5px 5px 5px;
    transition: background 0.3s,color 0.3s;
    font-size: 15px;
    width: 245px;
}

.search .search_form .dropdown ul li.bus_station:before {
	width: 13px;
	height: 18px;
	background: url(../img/bus_red.svg) center center no-repeat;
	background-size: 13px
}
.search .search_form .dropdown ul li.train_station:before {
	width: 13px;
	height: 24px;
	background: url(../img/train_blue.svg) center center no-repeat;
	background-size: 13px
}
.search .search_form .dropdown ul li.ship_station:before {
	width: 13px;
	height: 18px;
	background: url(../img/ship_green.svg) center center no-repeat;
	background-size: 13px
}
.search .search_form .dropdown ul li.bkk_station:before {
	width: 13px;
	height: 18px;
	background: url(../img/bus_agglo.svg) center center no-repeat;
	background-size: 13px
}
.search .search_form .dropdown ul li.trolley_station:before {
	width: 13px;
	height: 18px;
	background: url(../img/trolley_red.svg) center center no-repeat;
	background-size: 13px
}
.search .search_form .dropdown ul li.tram_station:before {
	width: 13px;
	height: 24px;
	background: url(../img/tram_yellow.svg) center center no-repeat;
	background-size: 13px
}
.search .search_form .dropdown ul li.hev_station:before {
	width: 13px;
	height: 24px;
	background: url(../img/train_green.svg) center center no-repeat;
	background-size: 13px
}
.search .search_form .dropdown ul li.metro_station:before {
	width: 13px;
	height: 24px;
	background: url(../img/metro_black.svg) center center no-repeat;
	background-size: 13px
}
.search .search_form .dropdown ul li.agglo_station:before {
	width: 13px;
	height: 18px;
	background: url(../img/bus_agglo.svg) center center no-repeat;
	background-size: 13px
}
.search .search_form .dropdown ul li.train_replacement_station:before {
	width: 13px;
	height: 18px;
	background: url(../img/vonatpotlo.svg) center center no-repeat;
	background-size: 13px
}
.search .search_form .dropdown ul li.narrow_gauge_station:before {
	width: 14px;
	height: 19px;
	background: url(../img/narrow_gauge.svg) center center no-repeat;
	/*background-size: 13px*/
}

.hitInfoBox {
    background-color:#ffed00;
    font-size:11px;
    color:#000000;
    display: inline-block;
    line-height: 1.7em;
    border-radius: 3px;
    padding: 0px 5px 0px 5px; 
    margin: 78px 2px 0px 2px;
}
.hitInfoBox a{
    text-decoration:underline;
    color:#000000;
}

.results .results_body .results_list_body .list_row.more_details .details_content .travel_steps .step>div:nth-of-type(2) .step_info {
    /* a desc miatt feljebb kell rakni az egesz kontenert*/
    margin: 30px 0 0 20px;
}
.results .results_body .results_list_body .list_row.more_details .details_content .travel_steps .step>div:nth-of-type(2) .step_info>div:nth-of-type(2)>span {
    /* step-nél nem fér el az info icon a hosszabb description miatt */
    display:none;
}
.results .results_body .results_list_body .list_row.more_details .details_content .travel_steps .step>div:nth-of-type(2) .step_info>div:not(.cl) p {
    /* a desc miatt szelesebbre kell venni ezt a mezot*/
    padding-left: 0px;
    width: 150px;
}
.results .results_body .results_list_body .list_row .list_cell .transfer {
    white-space:nowrap;
}
.results .results_body .results_list_body .list_row.more_details .details_content .travel_steps .step .runned_by_info {
    /* top:71px; */
    position:unset;
    width:auto;
    line-height:20px;
}
.results .results_body .results_list_body .list_row.more_details .details_content .travel_steps .step.transfer>div .step_info2{
    position:unset;
    margin: 47px 0 0 20px;
}
.results .results_body .results_list_body .list_row.more_details .details_content .travel_steps .step .runs_info {
    /*
    top:86px;
    z-index:1;
    */
    position:unset;
    width:auto;
    line-height:20px;
    margin-bottom: 15px;
}
.results .results_body .results_list_body .list_row.more_details .details_content .travel_steps .step {
    height:auto;
    /*min-height:130px;*/ /*ez szethuzza a terminus lepest is*/
}
.results .results_body .results_list_body .list_row.more_details .details_content .travel_steps .step.transfer{
    min-height:120px;
}
.results .results_body .results_list_body .list_row.more_details .details_content .travel_steps {
    padding: 30px 0 30px 0;
}

.fd_guide .guide_slider ul li p {
    font-size:14px;
    margin-bottom: 5px;
}

.results_list .bay{
    width:2em;
    height:2em;
    line-height:2em;
    border-radius:1em;
    text-align:center;
    background:#0070ff;
    position:absolute;
    top:2px;
    left:8px;
    color:#ffffff;
    font-size:11px;
}

.results_list .bay.right{
    left:unset;
    right:2px;
}

.results_list .inlineBay{
    width:2em;
    height:2em;
    line-height:2em;
    border-radius:1em;
    text-align:center;
    background:#0070ff;
    display:inline-block;
    position:relative;
    color:#ffffff;
    font-size:11px;
}
.results_list .tooltip2{
    position: absolute;
    color: #ffffff;
    background-color: #22aadd;
    left: 7em;
    top: 2em;
    font-size:12px;
    line-height: 2em;
    border-radius: 5px;
    padding: 0 1em 0 1em;
    white-space: nowrap;
    display:none;
}
.results_list .tooltip2.v2{
    right:auto;
    left:0em;
    top:-3em;
}
.results .results_body .results_list_body .list_row.more_details .details_content .travel_steps .step>div:nth-of-type(2) .station span {
    top:13px;
}
.search_info .dropdown {
    position: absolute;
    top: calc(100% + 19px);
    left: -30px;
    display: none;
    background: #FAFAFA;
    border: 1px solid #A7ABAF;
    border-bottom-width: 5px;
    z-index: 6;
}

.search_info .dropdown.show {
    display: block;
}


.search_info .dropdown table:before {
    content: '';
    width: 0;
    height: 0;
    display: block;
    border-left: 9px solid transparent;
    border-top: 0;
    border-right: 9px solid transparent;
    border-bottom: 9px solid #A7ABAF;
    position: absolute;
    top: -9px;
    left: calc(50% - 9px);
}

.networksTable {
    font-family:Roboto;
    border:0px;
    border-spacing: 0px;
    width:400px;
    font-size:11px;
    background: #ffffff;
    color: #84888f;
}

.networksTable td{
    border-right: 1px solid #e0e2e7;
    padding:0px 5px 0px 5px;
    text-shadow:none;
    height:35px;
    line-height:1.4em;
}

.networksTable td.td1{
    color:#0054bf;
    font-size:11px;
    font-weight:bold;
}

h2.travel_info .search_info .networksTable input[type='checkbox']{
    height: auto;
    width: auto;
    display: inline;
}

h2.favorites .dropdown ul li {
    padding: 11px 45px 10px 20px;
}

.exclamation {
    border: 1px solid #E0E2E7;
    background: #FFFFFF;
    position: absolute;
    top: 5px;
    left: 7px;
}
.infobox{
    position:absolute;
    top: 190px;
    background: #383842;
    border: 2px solid #606068;
    margin: -12px 0 0 -2px;
    width: 880px;
    padding:5px 5px 5px 45px;
    height: 43px;
    font: bold 13px Roboto;
    color: #b7b7b7;
    box-sizing: border-box;
}
.infobox a{
    color: #ffffff;
    text-decoration:underline;
}
.infobox.hide{
    display:none;
}