html,
    body,  .wrapper{
        background: #ccc;
        height: 100%;
    }
    .top-wrapper{
        height: 100%;
        height:calc(100% - 70px);}
    .branch-wrapper {
        background: #fff;
        height: 100%;
        
        width: 400px;
        float: left;
        padding: 35px 20px 20px;
        font-size: 16px;
        overflow:auto;
    }
    .branch-wrapper h1 {
        color: #000;
        margin-bottom:20px;
    }
    .branch-wrapper h2 {
        font-family: 'Open Sans Condensed';
        margin-bottom: 5px;
        margin-top: 30px;
        font-size: 17px;
        font-weight: 700;
        text-transform: uppercase
    }
    .branch-wrapper a {
        color: #333;
    }
    .branch-wrapper p {
        font-size: 16px;
        line-height:26px;
    }
    .branch-wrapper .back a {
        color: #fff;      /* Change the text color to white */
        pointer-events: none;  /* Make it non-clickable */

    }
    .map {
        width: calc(100% - 400px);
        height: 100%;
        
        float: left
    }
    .map > div, .map > div > div{height:100%;}
    .open {
        max-width: 120px;
    }
    .open>tbody>tr>td {
        border: none;
        padding: 4px;
    }
    .open>tbody>tr>td:nth-child(3) {
        padding-left: 0;
        padding-right: 0;
    }
    .icon {
        background: no-repeat center center;
        background-size: 46px;
    }
    .metro {
        background-image: url(/wp-content/static/images/Prag_Metro_Logo.svg)
    }
    .metro-b{background-image:url(/wp-content/static/images/Prague_Metro_Line_B.svg);}
    .metro-a{background-image:url(/wp-content/static/images/Prague_Metro_Line_A.svg);}
    .bus {background-image: url(/wp-content/static/images/bus.png);background-size: 34px}
    .walk{background-image: url(/wp-content/static/images/walk.png);background-size: 18px}
    .directions {
        padding: 25px 10px;
        display: inline-block;
        border-bottom:dashed 1px #ccc;
        position:relative;
        z-index:1;
        /*cursor: pointer;*/
    }

    .directions:after{content:'nebo';position:absolute;width:50px;left:50%;margin-left:-25px;bottom:-7px;background:#fff;font-size:13px;line-height:14px;text-align:center;height:14px;color:#999;z-index:1;}
    /* .directions:hover {
        background: rgba(0, 0, 0, .1)
    }*/
    .travelRoutes .directions:last-child:after{display:none ;}
   .toggleTransport{text-align:center;padding:8px;background:#eee;cursor:pointer;margin-top:-1px;position:relative;z-index:20;font-size:13px; color:#444;border:solid 1px rgba(0,0,0,.2);}
   .toggleTransport:hover{background:#ccc;color:#111;}
    .directions > * {
        vertical-align: middle
    }
    .directions .station .icon {
        height: 30px;
    }
    .station {
        font-size:14px;
        display: inline-block;
        width:80px;
        text-align: center;
        line-height:16px;
    }
    .arr {
        display: inline-block;
        width: 100px;
        border-bottom: 2px dashed #666;
        position: relative;
        text-align: center;
        margin: 0 10px 15px;
        color: #666;
        font-size: 14px;
    }
    .arr:after {
        content: "";
        width: 0;
        height: 0;
        border-top: 6px solid transparent;
        border-bottom: 6px solid transparent;
        border-left: 12px solid #666;
        position: absolute;
        right: -1px;
        bottom: -7px;
    }
    .header {
        box-shadow: 0px 1px 5px 0px rgba(50, 50, 50, 0.2);
        z-index: 5;
        position: relative;
    }
    .branch-listing {
        padding: 0;
    }
    .branch-listing a {
      position:relative;
        display: block;
        
        border-bottom: 1px solid #1F5E6C;

    }
    .branch-listing a .title {
        font-family: 'Open Sans Condensed';
        font-size: 34px;
        text-transform: uppercase;

        display:block;
        position:absolute;
        top:0;bottom:0;left:0;right:0;
        color:rgba(255,255,255,.75);
        background:rgba(9,128,165,.85);
        transition:background .5s, color .2s;
        font-weight:700;
    }
    .branch-listing a .title:hover{
        background:rgba(9,128,165,.35);
        color:#fff;
        

    }
    .branch-listing .fake-link{}
    .branch-wrapper .image{display:block;background-size:cover;background-repeat: no-repeat;background-position: center center;max-width: inherit; height:180px; line-height:180px;text-align:center;position:relative;}
    x.branch-listing a .image{height:120px;max-width:230px;}
    .branch-listing a:hover,
    .fake-hover {
        text-decoration: none;
        background: rgba(0, 0, 0, .1);
    }
    .branch-listing a p {
        margin-bottom: 5px;
        line-height:20px;
        font-size:15px;
        color:#666;

    }
    .fake-link {
        text-decoration: underline;
        color: #0066cc;
        margin-top:10px;
        display:block;
    }
    x#praha_4:before{content:"";position:absolute;top:0;bottom:0;width:5px;background:red;left:0;}

    .branch-wrapper .tiny{font-size:13px;line-height:17px;}