.xep-holder{
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
}
.xep-row{
    margin-right: -15px;
    margin-left: -15px;
}
.xep-gr{
    float: left;
    width: 30%;
    padding-left: 15px;
    padding-right: 15px;
}
.xep-ch{
    float: left;
    width: 70%;
    padding-left: 15px;
    padding-right: 15px;
}
.grlist-ul {
    margin: 10px 0 0 0;
    padding: 0;
    list-style: none;
    display: block;
}
.grlist-ul li {
    margin-bottom: 5px;
    background: #f8f8f8;
    border: 1px solid #e7e7e7;
    padding: 5px 10px;
}
.grlist-ul li div {
    margin: 10px;
}
.grlist-ul li>* {
    display: inline-block;
}
.tmpl_channel_box {
    display: block;
    font-weight: bold;
    border: 0 !important;
    -webkit-box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.5);
    box-shadow: 1px 1px 4px 0 rgba(0,0,0,0.5);
}
.tmpl_channel_box:hover a.active {
    color: #fff;
}
.tmpl_channel_box a.active {
    color: #c04;
}
.tmpl_channel_box:hover a {
    color: #fff;
    text-decoration: none;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}
.tmpl_channel_box a {
    color: #333;
    display: block;
}
.tmpl_channel_box:hover {
    background: #679dc6;
    color: #fff;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -o-transition: all .5s ease;
}
h3.title {
    font-family: 'Open Sans Condensed',sans-serif;
    font-weight: 300;
    overflow: hidden;
    text-align: center;
    padding: 5px 0;
    margin: 5px;
    text-transform: uppercase;
    clear: both;
}
h3.title:before {
    right: .5em;
    margin-left: -50%;
}
h3.title:before, h3.title:after {
    content: "";
    display: table;
    background-color: #333;
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
    width: 50%;
}
h3.title:after {
    left: .5em;
    margin-right: -50%;
}