.distribution-main-content {
    margin-top: 30px
}

.distribution-filter {
    padding: 15px;
    background-color: #389E9E;
}

.distribution-category {
    font-family: 'Myriad Pro Semibold',sans-serif;
    font-size: 20px;
    text-transform: uppercase;
    margin-top: 25px;
    padding-bottom: 0;
    border-bottom: 1px solid #c6ba8e
}

.distribution-category a {
    color: #000;
    display: inline-block;
    padding: 3px 15px 0;
    border-radius: 10px;
    margin: 0 10px 0 0;
    float: left
}

.distribution-category > li {
    margin: 0;
    margin-right: 10px;
    display: inline-table
}

.distribution-category > li:after {
    display: inline;
    content: "|";
    color: #ae9f68;
    font-size: 13px;
    float: left;
    margin-top: 6px
}

.distribution-category > li:last-child:after {
    display: none
}

.distribution-category > li.active > a {
    background-color: #389E9E;
    color: #fff
}

.distribution-category > li.active > a:hover {
    color: #fff!important
}

.distribution-category > li > a:hover {
    color: #389E9E;
}

.distribution-map {
    margin: 25px -10px
}

.distribution-list {
    width: 35%;
    line-height: 30px;
    padding-right: 10px
}

.distribution-detail {
    width: 65%;
    padding-left: 20px;
    border-left: 1px solid #c6ba8e
}

.distribution-list li {
    display: block
}

.distribution-list li:after {
    display: table;
    content: "";
    clear: both
}

.distribution-list a {
    color: #000;
    font-size: 14px;
    display: inline-block;
    float: left
}

.distribution-list i {
    font-size: 35px;
    line-height: 20px;
    display: inline-block;
    float: left;
    padding-right: 5px;
    margin-top: 3px
}

.distribution-img img {
    width: 100%
}

.distribution-gmap {
    margin-top: 20px;
    min-height: 500px
}

#map-canvas {
    min-height: 500px
}

.distribution-detail h3 {
    font-size: 16px;
    color: #389e9e;
    font-weight: 700
}

.distribution-detail ul {
    margin-top: 10px;
    line-height: 28px;
    font-size: 16px;
    color: #000
}

.distribution-detail ul li {
    font-size: 14px
}

.distribution-detail ul .fa {
    width: 20px;
    text-align: center
}

.active-htpp {
    background-color: #389e9e;
    color: #f8f2dc!important
}

.no-find-agency {
    color: #389e9e;
    text-align: center;
    padding: 10px 0;
    font-style: italic
}

.img_text {
    height: 100%;
    float: left;
    margin-right: 15px
}

.map_text {
    width: 60%;
    float: left
}