.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}
/* marshrut_list */
.content_list_item.transport_list_item {
    width: 49%;
}
.pills-menu li, .pills-menu-small li {
    padding: 10px 15px !important;
}
/* marshrut */
#mapinlist{height: 0;clear:both;background: #ECF0F1;}
.shows .show {width: 45%;padding: 10px; background: #ECF0F1;font-weight: bold;text-decoration: none;border-bottom: 5px solid #fff;float: right;box-sizing: border-box;}
.shows .show:first-child {float: left;}
.shows .show span{font-weight: normal;text-transform: uppercase;border-bottom:1px dotted;display: table;}
.shows .show.active {border-bottom: 5px solid  #ECF0F1;}
.marshruty_menu{margin-bottom: 30px;}
.directions .points_in_direct {display: inline-block;width: 50%;box-sizing: border-box;text-align: right;vertical-align: top;}
.directions .points_in_direct:first-child {text-align: left;border-right: 0;}
.points_in_direct a {display: block; padding: 4px 10px;border-right: 3px solid #C2C2C2;position: relative;margin: 0 10px;}
.directions .points_in_direct a:before {content: "";display: block;background: #464646;width: 10px;height: 10px;border-radius: 50%;position: absolute;top: 8px;right:-7px;}
.directions .points_in_direct:first-child a {border-right: 0;border-left: 3px solid #C2C2C2;}
.directions .points_in_direct:first-child a:before {right: auto !important;left: -7px;}
.directions .points_in_direct a:last-child{font-weight: bold;}
.points_title {font-size: 20px;margin: 10px 0;}
.points_title span {display: block; font-size: 14px;}
/* photo */
.showphoto{
    width: 45%;padding: 10px; background: #ECF0F1;font-weight: bold;text-decoration: none;display: inline-block;cursor: pointer;
}
.showphoto span{font-weight: normal;text-transform: uppercase;border-bottom:1px dotted;display: table;}
.show_photo{
    clear: both;
    background: #ECF0F1;
    padding: 5px;
    text-align: center;
}
.show_photo img{
    display: inline-block !important;
}
.showphoto.hidden,.show_photo.hidden{
    display: none;
}
/*points*/
h2 + .points {padding: 10px 30px;}
/*#map{width: 100%;height: 600px;}*/
.field .past{color:#ccc;}
.field .future{font-weight: bold;}
.field .future.firstfuture {color: #B20004;}
.field .title{
    padding: 10px 0;
    font-size: 120%;
}
.field .title span{}
.field .title span {font-size: 12px;display: inline-block; vertical-align: middle;border-bottom: 1px dotted #ccc;margin-left: 20px;cursor: pointer;}

/* point */
.mapdiv,.maphover{width: 100%; height: 0}
.mapdiv {background: #ECF0F1;}
.maphover{margin-top: -600px; position: absolute; z-index: 9999;}  
.show_map {width: 45%;padding: 10px; background: #ECF0F1;font-weight: bold;text-decoration: none;border-bottom: 5px solid #fff;cursor: pointer;margin-top: 20px;}
.show_map span{font-weight: normal;text-transform: uppercase;border-bottom:1px dotted;display: table;}
.show_map.active {border-bottom: 5px solid  #ECF0F1;}
.marshruts_in_direct ul {list-style: none;margin: 0;padding: 0;}
.marshruts_in_direct ul li {display: block;padding: 4px 10px;margin: 0 10px;}
.marshruts_in_direct ul li span {font-size: 12px;}

.h600 {height: 600px !important; padding: 5px;}

/*media*/
@media(max-width: 600px){
    .transport-point{width: 50%;}
    .content_list_item.transport_list_item {
        width: 100%;
    }
}
@media(max-width: 400px){
    .transport-point{width: 100%;}
}