@import url("/Content/topmenu.css");
/* Fontface */
@font-face {
    font-family: 'mar';
    src: url('/fonts/mar.eot');
    src: url('/fonts/mar.eot?#iefix') format('embedded-opentype'), url('/fonts/mar.woff') format('woff'), url('/fonts/mar.ttf') format('truetype');
    font-weight: 400;
    font-smooth: always;
    -webkit-font-smoothing: subpixel-antialiased !important;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    @font-face {
        font-family: mar;
        src: url(/fonts/mar.svg) format(svg);
    }
}

body {
    font-size: 14px;
    margin: 0px;
    padding: 0px;
   background:url("/images/main-body-bg.jpg");
    color: #fff;
    overflow-x:hidden;
}

.clear {
    height: 0px;
    clear: both;
}

.clear-10 {
    height: 10px;
    clear: both;
}

.camera_next > span {
    text-align: right;
}


/*HEADER*/
header {
   /*height:190px;*/
     background: #fae3af url("/images/top-header.jpg") no-repeat scroll 0 0;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index: 99999;
}

.navbar-default .container {
   
}

.navbar-collapse.collapse.navbar-right {
    margin-right: 250px;
}

.topcontent {
    clear: both;
    margin-top: 20px;
}

.logo {
   float: left;
    margin: 1px 0;
    /*position: relative;
    top: 80px;*/
}

.imgBanner {
    /*height: 180px;
    margin-bottom: -55px;
    z-index: 99999;
    position: relative;*/
    margin-top:70px;
    margin-bottom:15px;
}

.social {
  /*position: relative;*/
    /*top: 120px;*/
    margin-top:110px;
    text-align: center;
}

    .social .fa {
        color: #fff;
        border: 3px solid #f09b55;
        -webkit-border-radius: 50%;
        -moz-border-radius: 50%;
        border-radius: 50%;
        background: #732209;
        line-height: 40px;
        text-align: center;
        width: 45px;
        font-size: 18px;
    }


.fa-facebook:hover {
    color: rgba(4,148,196,1);
    border: 3px solid rgba(4,148,196,1);
}

.fa-twitter:hover {
    color: #a7d9f1;
    border: 3px solid #a7d9f1;
}

.fa-youtube-play:hover {
    color: #ff0000;
    border: 3px solid #ff0000;
}

.fa-envelope-o:hover {
    color: #e1e1e1;
     border: 3px solid #e1e1e1;
}

.search-bar {
   
   margin-right:10px;
   margin-top:10px;
   padding:0px 5px;
  border:1px solid #6e3602;
   
    
    
}
    .search-bar:hover {
    border:1px solid #fff;
    cursor:pointer;
    }
    .search-bar:hover input[type=text] {
     -webkit-animation-name: topsearch; 
    -webkit-animation-duration: 2s; 
    /*-webkit-animation-iteration-count: 3;*/ 
    animation-name: topsearch;
    animation-duration: 2s;
    animation-fill-mode: forwards;
    /*animation-iteration-count: 3;*/
    }
@-webkit-keyframes topsearch {
    from      {width:0px; }
    to    {width:200px;}
}

/* Standard syntax */
@keyframes topsearch {
    from      {width:0px;  }
    to    {width:200px; }    
}
    .search-bar input[type=text] {
     width:0px;
     line-height:30px;
     border:none;
     background:none;
    color:#fff;
   
    }
    .search-bar .fa {
        color:#fff;
        font-size:20px;
    }

/*-----------END HEADER----------*/
a, a:link, a:hover, a:focus {
    text-decoration: none;
}


/*CONTAINER*/
.wrapper-widget a, .wrapper-right-widget a {
    border-bottom: 1px dashed #dab29e;
   display:block;
   color:#424242;
   font-size:13px;
}
.wrapper-right-widget .img-post {
    margin:0px 5px 5px  0px;
}
.widgettitle
{
     border-bottom: 2px solid #f09b55;
    clear: both;
    margin:10px 0px;
    padding: 10px;
    color: #f09b55;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 20px;
    font-weight: bold;
    line-height: 16px;
   
    text-decoration: none;
    text-transform: uppercase;
}
.wrapper-right-widget .posts-widgettitle {
      text-align:left;
}
.posts-widgettitle{
    margin:5px 0px;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
  
    line-height:22px;
    height:44px;
    overflow:hidden;
}
.posts-widgettitle:hover {
    color: #f09b55;
    
}
.image-home img
{
background-color: #fff;
    border: 1px solid #e8d5b7;
    padding: 4px;
}

.detail-ads {

}
#wrap-box {
    margin-top: 10px;
    margin-bottom: 10px;
}

    #wrap-box .col-md-3 .wrap-box {
        border: 1px solid #e9e9e9;
        padding: 5px;
        color: #000;
    }

        #wrap-box .col-md-3 .wrap-box .icon {
            text-align: center;
            font-size: 30px;
        }

.body-content {
    /*background: #fff;*/
    margin-top:10px;
}

.wrapper-searchbooking {
    padding: 10px 0px;
}

.wrapper-statuspost {
    background: #2f7daa;
    padding: 10px 0px;
    font-size: 18px;
}

    .wrapper-statuspost a, .wrapper-statuspost .fa {
        color: #fff;
    }

.status-post .col-md-4 {
    margin-top: 5px;
}

article {
    margin-bottom: 10px;
}

.detail-product .title-article {
    color: #f09b55;
}

.detail-product .service .fa {
    color: #6e3602;
    margin-right: 5px;
}

.detail-product .introduction-post {
    margin-top: 5px;
    color: #36414b;
}

.title-article {
    border-bottom: 1px dotted #f09b55;
    padding: 10px 0px;
    /*font-family: "mar",Arial,Helvetica,sans-serif;*/
    color: #f09b55;
}

 

    .title-article a {
        color: #0c0a0a;
    }

        .title-article a:hover {
            color: #6e3602;
        }

    .title-article .fa {
        color: #6e3602;
        margin-right: 5px;
    }

.wrapper-product .image {
    text-align: center;
    height: 230px;
    overflow: hidden;
    webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    border: 10px solid white;
    box-shadow: 5px 5px 5px #111;
    /*-webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    transition: all 0.5s ease;*/
}

    .wrapper-product .image img {
        height: 380px;
        width: auto;
        -webkit-transition: all 1s ease;
        -moz-transition: all 1s ease;
        -o-transition: all 1s ease;
        -ms-transition: all 1s ease;
        transition: all 1s ease;
    }

.wrapper-product a:hover .image img {
    height: 250px;
    width: auto;
}



.wrapper-product .title-product {
    background: #2f7daa;
    font-size: 14px;
    color: #fff;
    text-align: right;
    padding: 8px 10px;
    position: relative;
    overflow: hidden;
    font-size: 14px;
    margin-right: 20px;
    margin: 5px 0px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    margin: 10px 0px;
    text-transform: uppercase;
}

    .wrapper-product .title-product .fa {
        margin-left: 5px;
        font-size: 16px;
    }

.wrapper-product .introduction {
    color: #0c0a0a;
    /*text-shadow:2px 2px 2px #f00;*/
}

.wrapper-product a:hover .introduction b {
    color: #6e3602;
    /*text-shadow:2px 2px 2px #f00;*/
}

.date-add {
}

.wrapper-btnBooking {
    margin: 10px 0px;
}

    .wrapper-btnBooking .price {
        font-size: 30px;
        margin: 20px 0px;
    }

.price span {
    color: #f00;
    font-size:16px;
}

.wrapper-post {
    border-bottom: 1px dotted #fff;
    
}

.wrapper-detail-post .title-post {
    color: #f09b55;
    font-size: 20px;
}

.wrapper-post .title-post {
    color: #f09b55;
    font-size: 20px;
    line-height:25px;
    height:25px;
    overflow:hidden;
}
.hot-post .wrapper-post .title-post {
     color: #f09b55;
     height:unset;
     font-size:16px;
}

.wrapper-post .intro {
    color: #fff;
     line-height:22px;
      
}
    .wrapper-post .intro a {
    color: #fff;
    }
     
.wrapper-post .img-post {
    margin: 0px 3px 3px 3px;
    
}

.support-type {
    font-size: 18px;
    color: #6e3602;
    font-weight: bold;
}

.item-support {
    font-size: 16px;
    margin: 3px 0px;
}

    .item-support .skype {
        color: #00aceb;
        /*width:26px;*/
        font-size: 30px;
        float: left;
    }

    .item-support .fa-facebook-official {
        color: #183884;
        font-size: 30px;
        float: left;
        margin: 0px 5px;
    }

    .item-support .yahoo img {
        color: #f5cb3e;
        display: inline-table;
        float: left;
        margin-left: 3px;
        width: 30px;
    }
.right-menu {
}
.right-menu ul {
    padding:0px;
    margin:0px;
}
    .right-menu ul li {
    list-style-type:none;
   
    }
        .right-menu ul li .fa {
        padding-right:3px;
        }
        .right-menu ul li ul {
           
        }
        .right-menu ul li a {
            width:100%;
            display:inline-table;
            color:#f09b55;
            text-transform:uppercase;
            padding:3px 0px;
             border-bottom:1px dotted #a9a9a9;
             font-weight:bold;
            
        }
    /*.right-menu > article > div > ul > li:last-child > a {
        border-bottom: none;
    }*/
            .right-menu ul li a:hover {
                color:#6e3602;
            }
        .right-menu ul li ul li a {
            /*color:#36414b;*/          
            padding-left:20px;
             background:url(/images/icon.png) no-repeat left center;
          
        }
.right-menu .title-article 
{
    font-size:20px;
}
/*detail tour*/
.panel {
    margin-top: 10px;
}

.panel-primary > .panel-heading {
    background: #183884;
    border-color: #183884;
}

.panel-heading h1 {
    margin: 0px;
    font-size: 20px;
}

.panel-primary {
    border-color: #183884;
}

.nav-tabs {
    border-bottom: 1px solid #6e3602;
}

    .nav-tabs > li > a {
        color: #36414b;
        cursor: pointer;
        font-family: "mar",Arial,Helvetica,sans-serif;
        font-size: 18px;
    }

        .nav-tabs > li > a:hover {
            border-bottom: 1px solid #6e3602;
            background: none;
            color: #6e3602;
        }

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        border: 1px solid #6e3602;
        background: #6e3602;
        color: #fff;
    }

.tab-content {
    border-bottom: 1px solid #6e3602;
    border-right: 1px solid #6e3602;
    border-left: 1px solid #6e3602;
    padding: 15px;
}

.input-group {
            width:100%;
            margin-bottom:5px;
        }
        .input-group-addon {
        width:120px;
        text-align:left;
        }
.wrapper-comment {
    border:1px dashed #a9a9a9;
    padding:5px;
}
    .wrapper-comment .title {
        font-weight:bold;
        color:#6e3602;
    }
.wrapper-comment .fullname {
        text-align:right;
        font-style:italic;
    }
    .wrapper-comment .fullname span {
    font-weight:bold;
    }
.bttom-qc {
    position:relative;
    margin-top:10px;
}

    .bttom-qc .PrevBtn, .bttom-qc .NextBtn {
        position: absolute;
        top: 30%;
        font-size:30px;
        z-index:9999;
        cursor:pointer;
        color:#6e3602;
    }

    .bttom-qc .PrevBtn {
        left: 0px;
    }

    .bttom-qc .NextBtn {
        right: 0px;
    }
    .bttom-qc > div.row > div {
    margin-bottom:10px;
    }
/*-----------END CONTAINER----------*/



/*FOOTER*/
footer {
    background: #4c211e;
    color: #fff;
    padding:10px;
    font-size:12px;
    
}
    footer  input[type=text], footer textarea {
        color:#6e3602;
        width:100%;
    }
    footer .title-footer {
        background: url("/images/title-footer.png") no-repeat left;
        line-height: 54px;
        /*text-align:center;*/
        padding-left: 85px;
        margin-bottom: 10px;
        font-size: 15px;
    }
    footer .content-footer {
        padding: 0px 15px;
    }
    footer .container {
        color: #fff;
    }
/*-----------END FOOTER----------*/


/* Responsive: Portrait tablets and up */
@media screen and (max-width: 768px) {
    /*.jumbotron {
        margin-top: 20px;
    }

    .body-content {
        padding: 20px 0px 0px 0px;
    }*/
    /*.top-contact {
        margin-top: 0px;
        padding: 0px;
        padding-left: 15px;
        padding-right: 15px;
    }*/
    .logo {
    top:unset;    
    margin-top: 80px;
   
    }
    header {
        
        height:unset;
    }
    .imgBanner {
        width: 100%;
        height: auto;
    }

    .navbar-default .container {
        margin-left: unset;
    }

    .navbar-collapse.collapse.navbar-right {
        margin-right: unset;
    }

    .social {
        position:unset;
        margin-bottom: 10px;
        text-align: left;
    }

    footer .container .col-md-12 {
       
        background:#ffe2d8 none ;
    }
}

/*OTHER*/
.gv-list {
    font-size: 12px;
    margin: 10px 0px;
}

    .gv-list th {
        padding: 5px 0px;
        text-align: center;
        border: 1px solid #a9a9a9;
    }

    .gv-list td {
        border: 1px solid #a9a9a9;
        padding: 5px;
    }

    .gv-list tr:hover {
        /*background: #e9e9e9;*/
    }