<style>

    .gbb-transfers-banner {
        box-sizing: border-box;
        position: relative;
        font-weight: 500;
        box-shadow: -1px 2px 2px 1px rgba(0,0,0,.19);
        display: inline-block;
        width: 100%;
        margin-top: 20px;
    }

    .gbb-transfers-banner .banner-car-bk {
        float: right!important;
        position: relative;
        margin: 0!important;
        z-index: 1;
    }

    .gbb-transfers-banner .banner-car {
        position: absolute;
        right: 0;
        z-index: 2;
        vertical-align: middle;
        margin: 0!important;
        margin-top: calc(85px/2)!important;
    }

    .gbb-transfers-banner .transfer-description {
        position: absolute;
        left: 16px;
        display: inline-block;
        width: 73%;
        top: 20px;
    }

    .gbb-transfers-banner .banner-header {
        margin-top: 0px;
        width: 100%;
    }

    .gbb-transfers-banner .banner-header .price-label{
        width: 60%;
        font-size: 20px;
        text-transform: uppercase;
        white-space: nowrap;
        overflow:hidden !important;
        text-overflow: ellipsis;
        padding-right: 10px;
        display: inline-block;
    }

    .gbb-transfers-banner .banner-header .price-val{
        font-weight: 600;
        font-size: 30px;
    }

    .gbb-transfers-banner .transfer-description .service {
        float: left;
    }

    .gbb-transfers-banner .transfer-description .service.info1 {
        border-right: 1px solid #d2d2d2;
        height:117px;
        box-sizing: border-box;
        position: relative;
        width: calc(60% - 5px);
    }

    .gbb-transfers-banner .transfer-description .service.info2 {
        width: calc(40% - 5px);
        text-transform: uppercase;
    }

    .gbb-transfers-banner .transfer-description .service.info1,
    .gbb-transfers-banner .transfer-description .service.info2{
        padding-top: 10px;
    }


    .gbb-transfers-banner .transfer-description .service.info1 .service_info_ {
        display: table-cell;
    }

    .gbb-transfers-banner .transfer-description .service.info1 .service_info_.departure,
    .gbb-transfers-banner .transfer-description .service.info1 .service_info_.destination{
        width: 40.85714285714286%;
        font-size: 18px;
    }

    .gbb-transfers-banner .transfer-description .service.info1 .service_info_.duration {
        font-size: 12px;
        display: inline-block;
        text-align: center;
        padding: 0 10px!important;
        vertical-align: top;
    }

    .gbb-transfers-banner .transfer-description .divider {
        display: block;
        margin: 0 auto;
        width: 64px;
        height: 5px;
        background-repeat: no-repeat;
        background-image: url('https://d2bgjx2gb489de.cloudfront.net/main_new/public_html/get-by-bus/html/public/img/layout/duration-border.svg');
        background-size: 100% auto;
        vertical-align: top;
    }

    .gbb-transfers-banner .transfer-description .distance-time{
        display: inline!important;
    }


    div.page-wrap.single #page_main_wrap div.search-results__content .gbb-transfers-banner .transfer-description img.banner-clock {
        display: inline!important;
    }

    .gbb-transfers-banner .transfer-description img.banner-clock {
        width: 10px;
        height: 10px;
        display: inline!important;
        float: none!important;
        margin: 0!important;
    }

    .gbb-transfers-banner .transfer-description .service.info2 {
        margin-left: 10px;
    }

    .gbb-transfers-banner .transfer-description .service.info2 ul li {
        font-size: 14px!important;
        margin-bottom: 5px;
    }

    .gbb-transfers-banner .transfer-description .service.info2 ul li span {
        vertical-align: middle;
    }

    .gbb-transfers-banner .transfer-description .service.info2 ul li span.icon:before {
        content: "\2713";
        position: relative;
        top: 6px;
    }

    .gbb-transfers-banner .transfer-description .service.info2 ul li span.icon {
        color: #7ed321;
        border: 2px solid #d2d2d2;
        border-radius: 3px;
        line-height: 0;
        width: 15px;
        height: 15px;
        float: left;
        display: inline-block;
        margin-right: 3px;
    }

    .gbb-transfers-banner .transfer-description .service.info2 ul li span.txt {
        white-space: nowrap;
        display: block;
        line-height: initial;
    }
    .gbb-transfers-banner a.btn {
        color: #fff;
        padding: 4px 0;
        width: 170px;
        height: 30px;
        font-size: 14px;
        font-weight: 600;
        box-shadow: -1px 2px 2px 1px rgba(0,0,0,.19);
        text-align: center;
        display: block!important;
        position: absolute;
        bottom: 0;
        text-transform: uppercase;
    }


    .td {
        display: table-cell!important;
    }

    .table{
        display: table!important;;
    }

    .tr {
        display: table-row!important;;
    }

    .va-middle {
        vertical-align: middle;
    }

    .color-gbb-blue {
        color: #6a9fff!important;
    }

    .bg-color-gbb-green {
        background-color: #7ed321!important;
    }

    .color-gbb-green {
        color: #7ed321!important;
    }

    .color-buscroatia-red {
        color: #e61010!important;
    }    @media (max-width: 720px) {
        .gbb-transfers-banner .transfer-description .service.info1 .service_info_.duration{
            display: none!important;
        }
        .gbb-transfers-banner .transfer-description .service.info1 .service_info_.departure,
        .gbb-transfers-banner .transfer-description .service.info1 .service_info_.destination{
            width: 100%!important;
            display: block!important;
            white-space: nowrap;
            text-overflow: ellipsis;
            overflow: hidden;
        }
    }
    @media (max-width: 619px) {
        td.transfers-banner{
            display: block;
        }
    }

</style>

<div class="gbb-transfers-banner">
    <img class="banner-car" src="https://d2bgjx2gb489de.cloudfront.net/main_new/public_html/images/banner/auto.png">
    <img class="banner-car-bk" src="https://d2bgjx2gb489de.cloudfront.net/main_new/public_html/images/banner/background_desktop.png">

    <div class="transfer-description">
        <div>
            <div class="service info1 table">
                <div class="">
                    <div class="service_info_ departure td">Zračna luka Split
                    </div>

                    <div class="service_info_ duration td">
                        <span class="divider" style="vertical-align: bottom;display: inline-block"></span>
                    </div>

                    <div class="service_info_ destination td">Zračna luka Sarajevo
                    </div>
                </div>
                <a href="https://transfers.getbybus.com/en" target="_blank" class="btn bg-color-gbb-green">rezervirajte ovdje</a>
            </div>
            <div class="service info2">
                <ul>
                    <li>
                        <span class="icon"></span><span class="txt">usluga od vrata do vrata</span>
                    </li>
                    <li>
                        <span class="icon"></span><span class="txt">bez naknade kod odgode leta</span>
                    </li>
                    <li>
                        <span class="icon"></span><span class="txt">bez komplikacija s prtljagom</span>
                    </li>
                    <li>
                        <span class="icon"></span><span class="txt">natpis s imenom</span>
                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>

<script>
    jQuery(document).ready(function($) {

        if ($("#depstat").length>0) {
            $("#depstat").val('Zračna luka Split');
        }

        if ($("#arrstat").length>0) {
            $("#arrstat").val('Zračna luka Sarajevo');
        }

        if ($("#datepicker").length>0) {
            $("#datepicker").val('');
        }

        $(".gbb-transfers-banner").click(function(e){
            e.preventDefault();
            window.open("https://transfers.getbybus.com/en", '_blank');
            return true;
        });

        $(".gbb-transfers-banner").mouseover(function (e) {
            $(this).css('cursor', 'pointer');
            $(this).css('opacity', 0.99);
        });

        $(".gbb-transfers-banner").mouseout(function (e) {
            $(this).css('cursor', '');
            $(this).css('opacity', 1);
        })

    });
</script>{"id":5930,"date":"2014-07-17T13:17:00","date_gmt":"2014-07-17T13:17:00","guid":{"rendered":"http:\/\/www.buscroatia.com\/hr\/?page_id=5930"},"modified":"2014-07-17T13:17:00","modified_gmt":"2014-07-17T13:17:00","slug":"zracna-luka-split-sarajevo-zracna-luka","status":"publish","type":"page","link":"https:\/\/www.buscroatia.com\/hr\/zracna-luka-split-sarajevo-zracna-luka\/","title":{"rendered":"Prijevoz od Zra\u010dna luka Split do Zra\u010dna luka Sarajevo"},"content":{"rendered":"\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"open","ping_status":"open","template":"pages-templates\/transfers.php","meta":[],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.buscroatia.com\/hr\/wp-json\/wp\/v2\/pages\/5930"}],"collection":[{"href":"https:\/\/www.buscroatia.com\/hr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.buscroatia.com\/hr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.buscroatia.com\/hr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.buscroatia.com\/hr\/wp-json\/wp\/v2\/comments?post=5930"}],"version-history":[{"count":1,"href":"https:\/\/www.buscroatia.com\/hr\/wp-json\/wp\/v2\/pages\/5930\/revisions"}],"predecessor-version":[{"id":5931,"href":"https:\/\/www.buscroatia.com\/hr\/wp-json\/wp\/v2\/pages\/5930\/revisions\/5931"}],"wp:attachment":[{"href":"https:\/\/www.buscroatia.com\/hr\/wp-json\/wp\/v2\/media?parent=5930"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}