﻿.banner-Restaurants {
    background-image:url(/Content/Img/Restaurant/Restaurants.jpg);
}
.bgr-4 {
    margin-top:60px;
}
.restaurant_title {
    margin-bottom:40px;
}
.restaurant_item {
    float:left;
    margin-top:15px;
    width: 100%;
}
.restaurant_item .img {
    float: left;
    width: 120px;
    margin-right: 30px;
    position: relative;
    overflow: hidden;
    margin-top:15px;
}
.restaurant_item .img a {
    display: block;
    overflow: hidden;
    position: relative;
}
.restaurant_item .img img {
    width: 100%;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: all .5s ease;
    -moz-transition: all .5s ease;
    -ms-transition: all .5s ease;
    -o-transition: all .5s ease;
}
.restaurant_item.small-thumbs .text {
    margin-top: 5px;
    padding-right: 70px;
}

.restaurant_item .text {
    padding-right: 60px;
    position: relative;
    overflow: hidden;
}
.restaurant_item .text h2 {
       font-size: 18px;
    font-weight: 400;
    margin-top: 7px;
    margin-bottom: 0px;
}
.restaurant_item .text .desc {
    color: #444;
    margin-bottom: 0;
    font-size: 15px;
    margin-top: 5px;
    line-height: 1.4em;
}
.restaurant_item.small-thumbs .text .price {
    right: 10px;
    margin-top: 21px;
}


.restaurant_item .text .price {
    text-align: right;
    font-family: 'Roboto';
    font-size: 18px;
    color: #516d9b;
    position: absolute;
    top: 0;
    right: 0;
    margin-bottom: 0;
    line-height: 1;
}
/*banner-gallery gallery*/
.banner-gallery {
    background-image:url(/Content/Img/Gallery/Gallery.jpg);
}
.Gallery {
    margin-top:60px;
}

/*banner-blog detail*/
.banner-blog {
    background-image:url(/files/images/banner/banner-4.jpg);
}
.blog {
    margin-top:60px;
}
.blog-titel {
    margin-bottom: 30px;
    margin-top: 30px;
    font-weight: 600;
}
.blog-row {
    margin-right: -5px !important;
    margin-left: -10px !important;
}
    .blog-row #owl-demo2 {
        margin-left: 0px;
    }


    .item .text {
    text-align: center;
    position: absolute;
    bottom: 50%;
    left: 0;
    right: 0;
    padding: 0 10px;
    z-index: 10;
}
 .item .text h2 {
    color: #fff;
    font-size: 20px;
    text-transform: uppercase;
    margin: 0;
    font-weight: 400;
}
.item .text .price {
    color: #fff;
    font-weight: 700;
    font-size: 39px;
    font-family: 'Roboto';
    margin-bottom: 0;
    line-height: 1;
    margin-top: 15px;
    margin-bottom: 30px;
}
.titel-right {
        
        color: #ff7e00;
        font-size: 14px;
        text-transform: uppercase;
        font-family: 'Roboto';
        font-weight: 700;
}
.restaurant_item .text h2 a {
    color:#000;

}
.restaurant_item .text h2 a:hover {
    color:#ff7e00;
    text-decoration:none;
}
/*blog*/

.blog .media-price {
    position: absolute;
    bottom: 80px;
    background: #344a71;
    color: #fff;
    padding: 4px 9px 3px 9px;
    right: 16px;
}
.blog .price-title {
    float:right;
    
}
.blog .view-more .price-title {
    color:#344a71; 
}
.blog .view-more .price-title:hover, .blog .view-more .price-title:active{
   color:#e7c130;
   text-decoration:none;
}
.blog .View .price-title {
    line-height:40px;
}
.blog .cap-img a.tour{
    color:#344a71;
}
.blog .cap-img a.tour:hover{
    color:#e7c130;
    text-decoration:none;
}
.blog .price {
    right:1px;
    bottom:79px;
}
.blog a {
    text-decoration:none;
}
.blog .thumbnail {
    display: block;
    padding: 0px; 
    margin-bottom: 20px;
    line-height: 1.42857143;
    background-color:#f5f5f5;
    background: -webkit-gradient(radial, center center, 0, center center, 460, from(rgba(245, 245, 245, 0.42)), to(#f5f5f5));
    background: -webkit-radial-gradient(circle, #f5f5f5, rgba(245, 245, 245, 0.42));
    background: -moz-radial-gradient(circle, #f5f5f5, rgba(245, 245, 245, 0.42));
    background: -ms-radial-gradient(circle, #f5f5f5, rgba(245, 245, 245, 0.42));
    border: 1px solid #ddd;
    border-radius: 0px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}
.blog .social-content i.fa {
    color:#000;
    margin-left: -10px;
}
.blog .social-content i.fa:hover {
    color:#e7c130;
}
.blog .social-content a {
    padding:10px;
}
.blog .owl-dots {
    position:relative;
    margin-top:-25px !important;
    /*margin-bottom:30px;*/
}
.titel-h4 {
    font-weight:700;
        text-transform: uppercase;
    color: #ff7e00;
}
.blog .caption {
    padding:0px;
}
.blog .caption h2.blog-titel {
  text-transform: uppercase;
    font-size: 20px;
    font-family: 'Roboto';
    font-weight: 700;
    height: 50px;
    margin-bottom: 10px;
}
.caption p{
	 overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3; /*số dòng muốn hiện */
    font-size: 14px; /*cỡ chữ, đơn vị px */
    line-height: 1.5em; /* khoảng cách giữa các dòng, đơn vị em*/
    max-height: 63px;
}

    .blog .caption h2.blog-titel a {
        color:#000;
        text-decoration:none;
    }
    .blog .caption h2.blog-titel a:hover {
        color:#ff7e00;
        text-decoration:none;
    }
    .blog .caption .view-more {
    color: #232323;
    font-size: 10px;
    font-weight: 700;
    text-transform: uppercase;
    line-height: 40px;
    margin-bottom:20px;
}
        .blog .caption .view-more:hover {
            color:#e7c130;
            text-decoration:none;
        }

/*banner-contact Contact*/
.contact {
    margin-top:60px;
}
.banner-contact {
     background-image:url(/files/images/banner/banner-4.jpg);
}
.contact .text h2 {
    color: #232323;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 20px;
}
.contact .text p {
    margin-top: 10px;
    color: #232323;
    line-height: 1.428em;
}
.contact .text ul {
    list-style: none;
    padding-left: 0;
    margin-bottom: 0;
    margin-top: 30px;
}
.contact .text ul li {
    padding: 7px 0;
    margin-top: 0px;
    font-weight: 500;
    width: auto;
    font-size: 13px;
    display: block;
    padding-right: 15px;
}
.contact .contact-location {
    border-top: 1px solid #e3e3e3;
    padding-top: 15px;
    margin-top: 35px;
}
.contact .contact-location .btn-collapse {
    text-transform: uppercase;
    color: #232323;
    font-weight: 700;
    font-size: 20px;
    display: block;
    font-family: 'Roboto';
    text-decoration:none;
}
.contact .contact-location .btn-collapse span {
    float: right;
    font-size: 24px;
}
.contact .collapse {
    display: none;
    /*visibility: hidden;*/
}
.contact .contact-location .location-group {
    margin-top: 25px;
}
.contact .contact-location .location-group h6 {
    font-weight: 700;
    color: #444;
    font-size: 20px;
    margin-bottom: 5px;
    text-transform: uppercase;
}
.contact .contact-location .location-group span {
    color: #898989;
    font-size: 15px;
}
.contact .contact-location .location-group .location-item {
    margin-top: 25px;
    cursor: pointer;
    float: left;
    margin-bottom: 20px;
}
.contact .contact-location .location-group .location-item .img {
    float: left;
    width: 100px;
    position: relative;
}
.contact .contact-location .location-group .location-item .img .fa {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -14px;
    margin: auto;
    display: block;
    width: 28px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    color: #fff;
    background-color: #e7c130;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
}
.contact .contact-location .location-group .location-item .text {
    margin-left: 120px;
    color: #333;
}
.contact .contact-location .location-group .location-item .text address {
    margin-top: 10px;
    margin-bottom: 0;
}
.contact .contact-location .location-group .location-item .text p {
    margin-bottom: 0;
    margin-top: 7px;
    font-size: 14px;
}
.contact .contact-location .location-group .location-item {
    margin-top: 25px;
    cursor: pointer;
}
.contact .ic {
    font-size:13px;
}
.contact .frm-contact {
    margin-top:15px;
    border-radius:0px;
}
.contact .contact-form {
    margin-top: 10px;
    
}
#map {
    height:350px;
    width:100%;
    margin-bottom:-60px;
    margin-top:60px;
}
/*list tour detail*/
/*tabs*/
.form-group select, .form-group input, .form-group textarea{
    border-radius:0px;
}
.form-group label {
    text-align:right;
}
.img-conten a {
    margin-bottom:15px;
}
.tab {
    
}
#tabs {
    border:transparent;
}
#tabs #tab {
    background:transparent ;
    border:transparent;
    border-bottom: 3px solid #344a71;
   
}
    #tabs #tab li a {
        text-transform: uppercase;
    }
    #tabs #tab li.tab-bgr {
        margin-left:-3px;
    }
   
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {
        border: 1px solid #344a71 !important;
        background: #344a71 !important;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active {
    border:transparent !important;
}
ul li a:focus {
    outline:none;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
    border-top-left-radius: 0px !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tl {
    border-top-right-radius: 0px !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
    border-top-right-radius: 0px !important;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tr {
    border-top-left-radius: 0px !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
    border-bottom-right-radius: 0px !important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
    border-bottom-left-radius: 0px!important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-bl {
    border-bottom-right-radius: 0px!important;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-br {
    border-bottom-left-radius: 0px!important;

}