body{
    padding-top:57px;font-family: 'Roboto',Arial;
}
.du-lich-header {
    background: #f4f4f4;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 57px;
    overflow-y:hidden;z-index:99;
}
.du-lich-header.auto-height{
    height:auto;
}
    .du-lich-header .btn-menu {
        color: #e9aa3e;
        position: initial;
        line-height: 57px;
        padding: 0 10px;
    }
    .du-lich-header img.logoc {
    max-height:50px;margin:3px 0;
    }
    .du-lich-header.box-sha {
        box-shadow: 0 2px 4px 0 rgba(0,0,0,.16);opacity:.9;
    }
    ul.menu-du-lich-header{
        margin-top:10px;
        margin-bottom:10px;
    }
    ul.menu-du-lich-header li{
        display:block;
    }

        ul.menu-du-lich-header li a {
            color: rgba(0,0,0,.7);
            display: block;
            padding: 10px 15px;
            text-transform: uppercase;
            font-family: 'Roboto',Arial;
            font-weight: 700;background:#fff;
        }
            ul.menu-du-lich-header li a:hover,ul.menu-du-lich-header li a.ac-menu-dulich {
                background-color: #e9aa3e;
                color: #fff;
            }
@media (min-width:991px) {
    ul.menu-du-lich-header{
        margin-top:0;margin-bottom:0;
    }
    ul.menu-du-lich-header li {
        display: inline-block;
    }
    ul.menu-du-lich-header li a{
        padding: 19px 12px;background:none;
    }
}
.hero-container{
        background: rgba(148,151,163,0.2);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    display: block;
    position: relative;
}
@media only screen and (min-width: 320px) {
    .hero-container {
        height: auto;
        padding: 50px 0px;
    }
}
@media only screen and (min-width: 768px) {
    .hero-container {
        height: 450px;
    }
}
.main_search {
    margin: auto;
    z-index: 9;
    background: rgba(233, 170, 62, 0.8);
    padding: 25px 20px;
    border-radius: 5px;
    max-width: 640px;
    color: #fff;top:calc(40% - 40px);position:relative;
}
.main_search h2{
    margin-top:0;
}
.main_search .search-main-input{
    position:relative;
}
.main_search .search-main-input input[type="text"]
{
    width:100%;border:none;color:#333;
    padding:8px 10px;
    border-radius:2px;margin-top:5px;
}
.main_search .search-main-input i{
    position:absolute;
    color:#333;right:10px;top:10px;font-size:20px;
}
.caption-2{
    color: pink;
    font-size: 32px;
    text-align: center;
    margin: 25px auto 15px auto;
}
h1.caption-2
{
    margin-top:0;text-align:left;
}
.bt-tab{
    border:none;color:#0079e0;
    background-color:#fff;padding:6px 15px;font-size:16px;
    margin-left:5px;margin-right:5px;outline:none;display:block;width:100%;
    margin-bottom:10px;border:1px solid #ddd;
}
@media (min-width:768px)
{
    .bt-tab{
        display:inline-block;width:initial;
    }
}
.bt-tab:hover,.bt-tab.bt-tab-ative{
    background:#e9aa3e;color:#fff;
}
.tb-avf{
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;height:125px;display:block;
        transform: scale(1);
    transition: all 0.3s ease 0s;
    position:relative;
    margin-bottom:15px;border:1px solid #eee;
    border-radius:5px;
}
.tb-avf div{
    position: absolute;
    text-align: center;
    white-space: normal;
    line-height: 1.5em;
    width: 100%;
    bottom: 0;
    padding-bottom: 10px;
    font-weight: bold;
    display: block;
    height: 100%;
    padding-top: 82px;
    border-radius: 0 0 5px 5px;color:#000;
    background: -moz-linear-gradient(top, rgba(137, 255, 241, 0) 0, rgba(255,255,255, 1) 200%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(137, 255, 241, 0)), color-stop(200%, rgba(255,255,255, 1)));
    background: -webkit-linear-gradient(top, rgba(137, 255, 241, 0) 0, rgba(233, 170, 62, 1) 200%);
    background: -o-linear-gradient(top, rgba(137, 255, 241, 0) 0, rgba(255,255,255, 1) 200%);
    background: -ms-linear-gradient(top, rgba(137, 255, 241, 0) 0, rgba(255,255,255, 1) 200%);
    background: linear-gradient(to bottom, rgba(137, 255, 241, 0) 0, rgba(255,255,255, 1) 200%);
    
}
.tb-avf:hover{
    border-color:#e9aa3e; transform: scale(1.1);
}
.tb-avf:hover div {
    background: -moz-linear-gradient(top, rgba(137, 255, 241, 0) 0, rgba(233, 170, 62, 1) 120%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(137, 255, 241, 0)), color-stop(120%, rgba(233, 170, 62, 1)));
    background: -webkit-linear-gradient(top, rgba(137, 255, 241, 0) 0, rgba(233, 170, 62, 1) 120%);
    background: -o-linear-gradient(top, rgba(137, 255, 241, 0) 0, rgba(233, 170, 62, 1) 120%);
    background: -ms-linear-gradient(top, rgba(137, 255, 241, 0) 0, rgba(233, 170, 62, 1) 120%);
    background: linear-gradient(to bottom, rgba(137, 255, 241, 0) 0, rgba(233, 170, 62, 1) 120%);
}
.bg-f4{
    background-color:#f4f4f4;
    padding:10px 0;
}
.ticket-detail{
    position: relative;
    background: #fff;
    box-shadow: 0 1px 2px 0 rgba(34,36,38,.15);
    margin: 1rem 0;
    padding: 1em 1em;
    border-radius: .28571429rem;
    border: 1px solid rgba(34,36,38,.15);
       
}
.ticket-detail h1.tilde{
    font-size: 2.4rem;
    font-weight: bold;
    color: #00a1c6;
    display: inline-block;
    margin-top:10px;line-height:3rem;border:none;
    text-transform:initial
}
.ticket-detail h1.tilde:after{
    display:none;
}
.ticket-detail-title {
    background: url(/assets/frontend/img/caption-bg.png?v=1) no-repeat top left;
    padding-left: 44px;
    font-size: 2.3rem;
    margin-bottom: 0;
    text-transform: uppercase;
    background-size: 38px;font-weight:500;color:rgba(0,0,0,.9);letter-spacing:1.4px;
}
.ui-divider{
        border-top: 1px solid rgba(34,36,38,.15);
    border-bottom: 1px solid rgba(255,255,255,.1);
    margin: .5rem 0;
}
.ultility-item{
    margin-bottom:15px;float:left;width:50%;
}
@media(min-width:768px)
{
    .ultility-item{
        width:33.33%;
    }
}
@media(min-width:991px)
{
    .ultility-item{
        width:25%;
    }
}
.ultility-item .ultility-item-avat{
    width: 48px;
    height: 48px;
    margin: auto;
    background-size: 100% 100%;
    -webkit-filter: grayscale(1);
}
.utility-item .ultility-item-title{
    font-size: 1rem;
    text-align: center;
    margin-top: 5px;
    color: #6c6c6c;
}
.ultility-item:hover .ultility-item-avat,
.ultility-item:hover .ultility-item-title,
.ultility-item.act .ultility-item-avat,
.ultility-item.act .ultility-item-title
{
     -webkit-filter: grayscale(0);color:#336699;
}
.share-buttons{
    color:#fff;
    background:#e9aa3e;
    display:inline-block;
    font-size:1.6rem;
    padding:7px 20px;border-radius:5px;
}
.share-buttons:hover{
    background:#7a4010
}
.list-fofd li {
    margin-bottom:5px;font-size:1.5rem;color:rgba(0,0,0,.7)
}
.list-fofd li i{
    color:#7a4010;display:inline-block;
    width:20px;height:20px;text-align:center;font-size:1.6rem;
}
.list-fofd li span.c-ss{
    padding:0 7px;
}
.tour-join {
    color: #f58123;
    font-size: 1.7rem;
    margin:3px 0;
    font-weight: bold;
}
/*comment*/
.hedtitle {
    background: #eee;
    font-weight: bold;
    padding: 6px 10px;
    font-size: 1.6rem;
    text-transform: uppercase;
}
.brd-d {
    border: 1px solid #eee;
    padding: 10px;
    border-top: none;
    margin-bottom: 15px;
}



.cnt-ccans{
    font-size:1.4rem;margin-top:5px;
}
.vot-t img {
    margin-right: 3px;
    position: relative;
    top: -2px;
}

.search_result{
    background:#fff;
    position:absolute;
    width:100%;
    top:42px;left:0;
    max-height:200px;overflow-y:auto;
}
    .search_result li {
        text-align: left;
    }
        .search_result li a {
            border-bottom: 1px solid #eee;
            font-size: 1.6rem;
            color: #333;
            padding: 10px;
            display: block;
        }
        .search_result li a:hover{
            color:#7a4010
        }
/*end*/