p {
    font-size: 14px;
    line-height: 24px;
    margin-bottom: 10px;
}

a:hover {
    text-decoration: none;
}

a:focus {
    text-decoration: none;
    color: inherit;
}

.delay, .box-why * {
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.ribbon {
    position: absolute;
    right: -5px;
    top: -5px;
    z-index: 1;
    overflow: hidden;
    width: 75px;
    height: 75px;
    text-align: right;
}

.ribbon span {
    font-size: 10px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
    font-weight: bold;
    line-height: 20px;
    transform: rotate(45deg);
    width: 100px;
    display: block;
    background: #79A70A;
    background: linear-gradient(#9BC90D 0%, #79A70A 100%);
    box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
    position: absolute;
    top: 19px;
    right: -21px;
}

.ribbon span::before {
    content: '';
    position: absolute;
    left: 0px;
    top: 100%;
    z-index: -1;
    border-left: 3px solid #79A70A;
    border-right: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #79A70A;
}

.ribbon span::after {
    content: '';
    position: absolute;
    right: 0%;
    top: 100%;
    z-index: -1;
    border-right: 3px solid #79A70A;
    border-left: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-top: 3px solid #79A70A;
}

.red span {
    background: linear-gradient(#F70505 0%, #8F0808 100%);
}

.red span::before {
    border-left-color: #8F0808;
    border-top-color: #8F0808;
}

.red span::after {
    border-right-color: #8F0808;
    border-top-color: #8F0808;
}

.blue span {
    background: linear-gradient(#2989d8 0%, #1e5799 100%);
}

.blue span::before {
    border-left-color: #1e5799;
    border-top-color: #1e5799;
}

.blue span::after {
    border-right-color: #1e5799;
    border-top-color: #1e5799;
}

.yellow span {
    background: linear-gradient(#5cbdff 0%, #109cfb 100%);
}

.yellow span::before {
    border-left-color: #333;
    border-top-color: #333;
}

.yellow span::after {
    border-right-color: #333;
    border-top-color: #333;
}

#main-best-tour .scroll-img {
    padding-top: 7px;
}

#main-best-tour .best-tour {
    position: relative;
    margin-bottom: 35px;
    border: 1px solid #eee;
    padding: 10px;
}

.box-why .fa {
    font-size: 32px;
    color: #555;
}

.box-why:hover .fa, .box-why:hover strong {
    color: #3bb0ff;
}

#main-des, #main-des #box-destinations .slider2 .bd1 ul li #sl-des {
    background: #fff;
}

#bottom-footer #footer-link #bot-links ul li a {
    color: #fff;
    font-size: 14px;
}

#main-head #top-head #top-link ul li a:hover {
    color: #fff;
}

#main-best-tour {
    background: #fff;
    /*border-top: 1px solid #eee;*/
    /*border-bottom: 1px solid #eee;*/
    padding-top: 15px;
}

#main-best-tour h2, #main-best-tour p {
    color: #555;
}

#main-best-tour h2 {
    color: #fff;
}

#main-best-tour #line-title #line {
    color: #3bb0ff;
    background: #3bb0ff;
}

#main-best-tour #line-title h2 {
    color: #3bb0ff;
    font-weight: normal;
}

#main-best-tour .best-tour .txt-tour {
    background: #FFF;
    text-align: center;
}

#main-best-tour .best-tour .txt-tour .price-tour {
    color: #fff;
    font-size: 16px;
    display: inline-block;
    background: #3bb0ff;
    padding: 10px 18px;
    border-radius: 3px;
}

#main-best-tour .best-tour .txt-tour p {
    color: #555;
    padding: 0 10px;
    height: 68px;
    overflow: hidden;
}

.bt-detail {
    background: #eee;
}

.txt-tour .bt-detail {
    background: #3bb0ff;
}

.web-title {
    font-size: 18px;
    color: #fff;
    padding: 7px;
    letter-spacing: 4px;
}

.web-title span {
    color: #00426f;
}

#main-best-tour .demo-forward {
    background: url(../images/sprite.png) -450px 0px no-repeat;
}

#main-best-tour .demo-backward {
    background: url(../images/sprite.png) -420px 0px no-repeat;
}

#bottom-footer #footer-link #bot-links {
    float: right;
}

.tour-tab {
    padding-top: 40px;
}

.tour-tab .tab {
    display: block;
    margin-bottom: 20px;
    font-family: "Arial", sans-serif;
}

.tour-tab .tab ul li {
    float: left;
}

.tour-tab .tab ul li.active a, .tour-tab .tab ul li a:hover {
    color: #1f7fbf;
    cursor: pointer;
    border-bottom: 2px solid #1f7fbf;
}

.tour-tab .tab ul li a {
    padding: 10px 0px;
    margin: 0 25px;
    color: #333;
    display: block;
    font-weight: bold;
    font-size: 15px;
    border-bottom: 2px solid #fff;
}

.tab-content {
    display: none;
}

#tab-1 {
    display: block;
}

.content-tab {
    background: #f0f0f0;
    padding: 20px;
}

.tour-gallery {
    padding-top: 20px;
}

.gallery-item {
    padding-bottom: 15px;
    /*width: 20%;*/
}

.gallery-item img {
    width: 100%;
}

.gallery-item h3 {
    text-align: center;
    font-family: "Arial", sans-serif;
    color: #444;
    font-size: 13px;
    padding-top: 10px;
}

.review-tour {
}

.review-tour > h2 {
    font-family: "Arial", sans-serif;
    color: #009cce;
}

.review-form {
}

.form-item {
}

.form-item label {
    padding: 15px 0;
    display: block;
    color: #555;
    font-weight: normal;
    margin: 0;
    padding-bottom: 4px;
    font-size: 13px;
}

.form-item input[type="email"],.form-item input[type="number"], .form-item input[type="text"], .form-item textarea {
    width: 100%;
    border-radius: 3px;
    padding: 7px 10px;
    border: 1px solid #ddd;
    height: 36px;
}

.form-item select {
    border-radius: 3px;
    padding: 7px 10px;
    border: 1px solid #ddd;
    width: 100%;
    height: 36px;
}

.form-item button {
    border: none;
    margin-top: 10px

}

.form-item textarea {
    height: 120px;
}

.top-review {
    background: #fff url('../images/topreview_bg.png') top left no-repeat;
    padding: 15px;
    padding-bottom: 25px;
    width: 415px;
    min-height: 195px;
}

.top-review h3 {
    text-align: right;
    color: #ff9155;
    font-size: 18px;
    height: 20px;
    overflow: hidden;
}

.left-panel h2.title {
    font-family: "Arial", sans-serif;
    font-size: 24px;
    color: #009cce;
    padding-bottom: 15px;

}

.left-panel p {
}

.left-panel .total-review {
    font-family: "Arial", sans-serif;
    display: block;
    text-align: right;
    color: #01b7f2;
    text-decoration: underline;
    padding-right: 30px;
    font-size: 13px;
}

h2.review-number {
    padding: 4px 25px;
    font-size: 30px !important;
    color: #fff !important;
    text-align: center;
    background: #ff9155;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    display: inline-block;
}

.left-panel {
    width: 122px;
    float: left;
}

.right-panel {
    float: left;
    width: 238px;
}

.right-panel p {
    padding-top: 18px;
    line-height: 19px;
    padding-left: 10px;
    max-height: 135px;
    overflow: hidden;
}

.all-reviews {
    padding-top: 20px;
}

.review-item {
    padding: 15px 0;
    border-bottom: 1px solid #FFBA67;
}

.review-item h2 {
    font-family: Arial, sans-serif;
    font-size: 16px;
    color: #555;
    font-weight: bold;
}

.review-item p.review-type {
    color: #aaa;
    font-size: 12px;
}

.review-item h3 {
    font-size: 18px;
    color: #ff9155;
    text-align: left;
    padding-bottom: 15px;
}

.review-item p {
}

/*STYLE FOR NEWS*/

.news-list {
    padding-top: 10px;
}

.news-list .news-item:last-child {
    border: none;
}

.news-block {
}

.news-item {
    padding-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #ddd;
    margin-bottom: 15px;
}

.news-item .image {
}

.news-item .image img {
    width: 100%;
}

.news-item .info {
}

.news-item .info h2 {
    padding-top: 0;
    font-size: 22px;
    color: #555;
}

.news-item .info a:hover h2 {
    color: #f26d01;
}

.news-item .info p.date {
    color: #888;
    font-size: 13px;
}

.left-side {
}

.top-news {
    margin-bottom: 20px;
}

.top-news h2 {
    border: solid 1px #ddd;
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    font-family: "Arial", sans-serif;
    font-size: 18px;
    padding: 10px 15px;
    color: #333;
}

.top-news ul {
    border: 1px solid #ddd;
    border-top: none;
    padding: 15px;
}

.top-news ul li {
    border-bottom: 1px solid #ddd;
}

.top-news ul li a {
    padding: 10px 0;
    display: block;
    color: #444;
}

.top-news ul li a:hover {
    color: #f26d01;
}

.top-news ul li:last-child {
    border: none;
}

.booking p span.price {
    font-size: 20px;
    font-family: "Arial", sans-serif;
    color: red !important;
}

span.old-price {
    font-size: 13px;
    color: #007cff;
    text-decoration: line-through;
}

.bx-wrapper .bx-controls-direction a {
    background: url("../images/slider_nav.png") no-repeat;
    width: 44px;
    height: 44px;
    z-index: 2;
}

.bx-wrapper .bx-controls-direction a.bx-prev {
    background-position: 0px 0px;
}

.bx-wrapper .bx-controls-direction a.bx-next {
    background-position: -44px 0px;
    right: 20px;
}

.slider-panel {
    padding-top: 15px;
    padding-bottom: 20px;
}

h2.form-title {
    font-size: 18px;
    color: #3bb0ff;
    text-align: left;
    padding-bottom: 10px;
    text-transform: uppercase;
    text-decoration: underline;
    font-weight: bold;
    font-family: "Arial", sans-serif;
}

.tour-booking {
    padding-top: 25px;
}

.thanh-cong {
    position: fixed;
    z-index: 9;
    top: 10px;
    right: 20px;
}

.cyclotravel {
    color: #fff;
}

.cyclotravel:hover {
    color: #40cbf8;
}

.news-item .info h2.detail-title {
    font-size: 24px;
    padding-bottom: 15px;
    color: #3bb0ff;
}

.detail-tour-title h2 {
    text-transform: uppercase;
    text-align: center;
    color: #333;
}

.detail-tour-title {
    text-align: center;
    padding-bottom: 20px;
}

.detail-tour-title .line {
    height: 3px;
    width: 240px;
    background: #3bb0ff;
    margin: 10px auto;
    margin-bottom: 10px;
    float: none;

}

#main-info-tour #left-i-tour a.bt-inquiry {
    color: #fff;
}

#main-info-tour #left-i-tour a.bt-inquiry:hover {
    text-decoration: none;
    color: #333;
}

.book-btn {
    padding: 12px 25px;
    background: #3bb0ff;
    border-radius: 3px;
    color: #fff;
    font-family: "Arial", sans-serif;
    font-size: 18px;
    white-space: nowrap;
    text-align: center;
}

.book-btn:hover,.book-btn:focus {
    background: red;
    color: #fff;
}

#sl-des #map {
    width: 100%;
    height: 555px;
    margin: 0px 34px;
    position: relative;
}

.mobile-btn {
    position: absolute;
    height: 30px;
    width: 30px;
    top: 10px;
    right: 10px;
    background: #000;
    z-index: 999;
    display: none;
}

/*CUSTOM MENU MOBILE*/
.mm-panels, .mm-panels > .mm-panel {
    background: #3bb0ff;
    color: #fff;
}

.mm-menu .mm-navbar > *, .mm-menu .mm-navbar a {
    color: rgba(0, 0, 0, 0.3);
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    font-family: Arial;
}

.tour-category h2, .tour-category h1 {
    /*background:#fff !important;*/
    color: #333;
    text-align: center;
    text-transform: uppercase;
    font-size: 32px;
    padding: 30px 0;
}

#main-best-tour.category-list #line-title h2 {
    font-size: 18px;
    color: #333;
    font-weight: bold;
}
#main-best-tour.category-list #line-title #line {
    background: #555;
    height: 2px;

}
.tour-category p {
    line-height: 24px;
}

#main-best-tour .best-tour a {
    height: auto;
}

.category-list {
    background: #fff;
}

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    background-color: #3bb0ff;
    border-color: #3bb0ff;
    cursor: default;
}

h1.main-title {
    color: #333;
    font-size: 26px;
    padding: 20px 0 30px 0;
    font-weight: bold;
}

.tour-detail .main-title {
    padding-top: 0;
    padding-bottom: 30px;
    margin-top: -3px;
    line-height: 28px;
}

.tour-detail .book-tour {
    margin: 20px 0 0 0;
    display: inline-block;
    min-width: 250px;
}

.break-crum ul li {
    float: left;
}

.break-crum ul li a {
    display: block;
    padding: 10px 0px;
    padding-right: 15px;
    font-family: "Arial", sans-serif;
    font-size: 14px;
    color: #555;
}

.break-crum ul li.item a {
    background: url('../images/arrow.png') 0px 16px no-repeat;
    padding-left: 15px;
    color: #3bb0ff;
}

.break-crum ul li.item a:hover {
    color: #333;
}

.bx-wrapper {
    position: relative;
    margin: 0 auto 10px;
    padding: 0;
}

ul.thumb-slider li {
    float: left;
    margin-right: 10px;
    margin-bottom: 10px;
}

ul.thumb-slider li img {
    width: 70px;
    height: 50px;
    opacity: 0.6;
}

ul.thumb-slider.thumb-cruise li img {
    width: 120px;
    height: 80px;
}

.tour-item img {
    width: 100%;
    padding: 5px;
    -webkit-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.3);
}

.tour-des img {
    padding: 0;
    box-shadow: none;
    border: none;
}

.description, .description p {
    line-height: 26px;
    font-size: 16px;
}

.price-panel b {
    color: #555;
    font-size: 14px;
    font-weight: normal;
}

.price-panel {
    padding: 10px 15px;
    margin-top: 20px;
    border: 1px solid #ddd;
    display: inline-block;
    /* text-align: center; */
    min-width: 250px;
    background: #eee;
}

.tour-booking-panel {
    padding: 5px 20px 15px 20px;
    background: #eee;
    border: 1px solid #ddd;
}

.price-panel .book-btn {
    display: block;
    margin-top: 20px;
}

span.price {
    color: red;
    font-size: 20px;
}

.price-tour span.price {
    color: #fff;
}

#content-slider-1 .book-success {
    padding: 30px 10px;
    text-align: center;
}

#content-slider-1 .book-success h2, #content-slider-1 .book-success h3 {
    margin-bottom: 20px;
}

#content-slider-1 .book-success h2 {
    padding-top: 20px;
}

#content-slider-1 .book-success h3 {
    font-size: 16px;
}

#content-slider-1 .book-success .btn-success {
    padding-left: 30px;
    padding-right: 30px;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 1.5;
}

#main-why .box-why a:hover {
    text-decoration: none;
}

.main {
    padding-bottom: 40px;
    background: #fff;
}

.thumb-slider a.active img, .thumb-slider a:hover img {
    opacity: 1;
}

#bottom-footer #bot-links ul {
    /* float: left; */
    display: inline-block;
    float: none;
}

#bottom-footer #bot-links {
    margin: 0 20px 0 0;
    text-align: right;
    display: block;
    width: 100%;
}

#main-head #top-head #search-top .i-search {
    width: 16px;
    height: 16px;
    margin: 4px 0 0 0;
    background: url(../images/sprite.png) 0 0 no-repeat;
    cursor: pointer;
    float: right;
    border: none;
}

/*STYLE LIEN HE*/

.contact-input {
    width: 100%;
    padding: 10px;
    border: 1px solid #ddd;
    margin-bottom: 20px;
    color: #777;
}

.contact-form textarea {
    height: 120px;
    padding: 10px;
    border: 1px solid #ddd;
    width: 100%;
    margin-bottom: 20px;
    color: #777;
}

.form-lien-he .info {
    border-bottom: 1px solid #ddd;
    padding-bottom: 20px;
    margin-bottom: 20px;
}

.form-lien-he .info h2 {
    color: #3bb0ff;
    font-size: 16px;
    text-transform: uppercase;
}

.form-lien-he .info p {
    line-height: 20px;
    margin: 0;
    font-size: 13px;
    margin-bottom: 7px;
}

.form-lien-he .info p b {
    color: #555;
    font-size: 14px;
    font-weight: normal;
}

.video {
    padding-top: 20px;
}

.input-submit {
    padding: 8px 20px;
    border-radius: 3px;
    background: #009ce2 no-repeat;
    color: #fff;
    text-transform: uppercase;
    border: none;
    height: 34px;
    width: 85px;
    float: right;
}

.input-submit:hover {
    background: #ed3237 no-repeat;
}

#map {
    margin-top: 20px;
    margin-bottom: 40px;
    height: 555px;
}

.contact-title {
    color: #333;
    text-transform: uppercase;
    font-size: 32px;
    padding: 30px 0;
}

.tour-days {
    font-size: 14px;
    color: #555;
    padding-bottom: 10px;
}

.tour-days span {
    color: #333;
    font-size: 16px;
    font-weight: bold;
}

#destination-indochina .bao:last-child {
    margin: 0;
}

#destination-indochina .bao {
    width: 245px;
    height: 160px;
    overflow: hidden;
}

#content-step .destination-list {
    width: 250px;
    float: left;
    height: 158px;
    overflow: auto;
    padding-top: 10px;
    border-top: 1px solid #cdcdcd;
}

#content-step .destination-list label {
    width: 98%;
    float: left;
    cursor: pointer;
    margin: 3px 3px 3px 0;
    line-height: 14px;
    height: 20px;
}

.top-menu {
    color: #fff;
    background-color: #3bb0ff;
}

.top-link {

}

.top-link li {
    float: left;
}

.top-link li a {
    display: block;
    padding: 7px 20px;
    color: #fff;
    font-size: 14px;
}

.top-link li a:first-child {
    padding-left: 0;
}

.search-top {
    height: 25px;
    margin: 5px 0;
    background: #fff;
    padding: 0 12px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    /* float: right; */
}

.search-top input.search {
    width: 90%;
    height: 23px;
    background: none;
    font-size: 14px;
    border: none;
    margin: 0 5px 0 0;
    color: #555;
    padding-left: 5px;
    float: left;
}

.search-top input::-webkit-input-placeholder {
    color: #555;
    font-size: 14px;
}

.search-top a.i-search {
    width: 16px;
    height: 16px;
    margin: 4px 0 0 0;
    cursor: pointer;
    float: right;
}

.item-des-home > h2 {
    font-size: 28px;
    font-family: 'cinzelregular';
    text-transform: uppercase;
    font-weight: bold;
}

.custom-tour {
    border: 1px solid #ddd;
    border-radius: 5px;
    background: #3bb0ff;
    padding: 10px;
}

.custom-tour .form-item label {
    font-size: 16px;
    color: #fff;
}

.custom-tour .form-item input[type="text"],
.custom-tour .form-item input[type="number"],
.custom-tour .form-item select,
.custom-tour .form-item textarea {
    width: 100%;
    border-radius: 3px;
    padding: 7px 10px;
    border: 1px solid #ddd;
    height: 36px;
    font-size: 16px;
}

.custom-tour .form-item textarea {
    height: 180px;
}

.custom-tour h2.form-title {
    font-size: 22px;
}

.custom-tour .book-btn {
    background-color: #fff;
    color: #3bb0ff;
}

.slider-panel span.old-price {
    color: #cacaca;
}

.custom-tour .book-btn:hover {
    background-color: #ddd;
    color: #333;
}

.custom-tour .form-item input[type="checkbox"] {
    border: 1px solid #dddddd;
    padding: 5px;
    width: 18px;
    height: 18px;
    margin: 0;
    position: relative;
    top: 4px;
}

.custom-tour .form-item .select-country label {
    display: inline-block;
    padding-right: 20px;
}

/* footer */
.subfooter {
    width: 100%;
    background: #3ab0ff;
    height: auto;
    color: #fff;
    font-weight: 300;
    text-align: left;
    padding: 50px 0 20px 0;
    margin: 0 auto;
}

.subfooter .logo {
    margin-bottom: 15px;
}

.subfooter h3 {
    font-size: 18px;
    margin-bottom: 25px;
    font-weight: bold;
    margin-top: 30px;
}

.subfooter p {
    margin-bottom: 6px;
}

.top-link li a:hover {
    color: #0d70b7;
}

/* contact info */
.subfooter address span {
    display: block;
    border-bottom: solid 1px rgba(255, 255, 255, .3);
    padding-bottom: 5px;
    margin-bottom: 5px;
    font-weight: 400;
    width: 270px;
}

.subfooter address span strong {
    font-weight: 500;
    display: inline-block;
}

.subfooter address span a {
    color: #eceff3;
    display: inline;
}

/* contact info end */

/* photo stream */
.flickr {
    margin-bottom: 10px;
}

#flickr-photo-stream img {
    width: 58px;
    height: auto;
    margin: 0 5px 5px 0;
    float: left;
}

#flickr-photo-stream a img {
    border: solid 2px rgba(255, 255, 255, .3);
}

#flickr-photo-stream a:hover img {
    border: solid 2px #ffc128;
    -webkit-transition: all ease 0.3s;
    -moz-transition: all ease 0.3s;
    -o-transition: all ease 0.3s;
    -ms-transition: all ease 0.3s;
    transition: all ease 0.3s;
}

footer.white {
    background: #3ab0ff;
    color: #fff;
    font-size: 9pt;
    letter-spacing: .5px;
    font-weight: 400;
    padding: 25px 0 25px 0;
    box-shadow: 5px 5px 15px rgba(23, 36, 52, .3);
}

/* social-icons */
.social-icons {
    display: block;
    margin: 0;
}

.social-icons span {
    text-shadow: none;
    padding: 0 25px 0 0;
    width: 28px;
    height: 28px;
    text-align: center;
    font-size: 9pt;
    border-radius: 1px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

.social-icons span:hover {
    color: #ffc128;
    border-color: #eceff3;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}

/* footer end */

/* totop */
#totop {
    display: none;
    width: 50px;
    height: 50px;
    background: #ffb600;
    line-height: 50px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    text-align: center;
    cursor: pointer;
    -webkit-border-radius: 5%;
    -moz-border-radius: 5%;
    -ms-border-radius: 5%;
    -o-border-radius: 5%;
    border-radius: 5%;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#totop:hover {
    background: #555;
    -moz-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

#totop span {
    font-size: 10pt;
    font-weight: 500;
    color: #fff;
}

/* totop end */
.copyright {
    margin-top: 30px;
    padding: 25px 0;
    border-top: solid 1px rgba(255, 255, 255, .3);
}

#main-banner {
    background: #fff;
    height: auto;
}

body {
    background: #fff;
}

#main-why{
    background-color: #fff;
}

.custom-tour .ribbon {
    right: 10px;
}
.tour-item .bx-wrapper .bx-viewport {
    box-shadow: none;
    left: 0;
    border: 0;
}

#main-why .box-why a #txt-why font ,#main-why .box-why a #txt-why h3{
    font-size: 14px;
    line-height:24px;
}

#main-head #bot-head #menu ul li a {
    font-family: Arial, sans-serif;
}
#logo img {
    max-width: 400px;
}

.subfooter .logo img {
    max-width: 100px;
}
.form-control.error , select.error, input.error{
    border: 1px solid red !important;
}

label.error {
    padding: 0;
    color: red !important;
    font-size:14px !important;
}
.select-country label.error{
    position: absolute;
    top: -5px;
    left: 0px;
}
.select-country {
    position: relative;
}

.ads-index {
    margin: 10px 0;
}

.play-button {
    color: red;
    font-size: 72px;
    text-align: center;
    position: absolute;
    top: 37%;
    width: 100%;
}

.play-slide {
    color: #fff;
}

#main-best-tour .best-tour .img-tour.img-video img{
    opacity: .5;
}

.img-video {
    background-color: rgba(0,0,0, .7);
}

#main-best-tour.photo-video-list .best-tour .img-tour .title-tour h2{
    font-size: 16px;
}

.photo-items {
    max-width: 800px;
    margin: 0 auto;
}

.photo-thumb-item {
    border: 1px solid #ddd;
    padding: 20px 80px;
    display: inline-block;
}

.photo-thumb-item .fa {
    font-size: 68px;
    margin-top: 15px;
    color: #3ab0ff;
}

#main-best-tour .photo-thumb-item h2{
    color: #333;
    font-size: 18px;
    text-align: center;
}

#main-best-tour .best-tour .img-tour.img-video-thumb img {
    width: 100%;
    height: 185px;
    float: left;
}

#main-best-tour .best-tour .img-tour.img-video-thumb .play-button {
    top: 30%;
}

 .top-hotline{
     color: #fff;
     font-size: 16px;
     text-align: right;
     padding-top: 8px;
 }

.top-hotline img{
    width: 25px;
    height: 25px;
    border: 1px solid #fff;
}

.call-number {
    color: #fff;
    position: relative;
    font-size: 14px;
}

.call-number strong {
    font-size: 16px;
}

#main-head #bot-head #menu ul.sub-menu li a {
    font-size: 16px;
    padding: 20px 10px;
}
.f-social a{
    display: inline-block;
    height: 45px;
    width: 45px;
    border-radius: 50%;
    background: #fff;
    color: #3ab0ff;
    margin-right: 10px;
    padding-top: 10px;
    margin-bottom: 10px;
}

.slider-des {
    position: absolute;
    bottom: 0;
    background: rgba(0,0,0,.5);
    font-size: 18px;
    padding: 20px;
    color: #fff;
    width: 100%;
    text-align: center;
}

.f-social a:hover {
    color:#333;
}
.f-social i {
    font-size:24px;
}
.f-social{
    width:100%;text-align:center;
}

.slider-des {
    text-align: left;
    padding: 20px 5%;
}

.slider-des h2 {
    font-size: 24px;
    margin-bottom: 10px;
}

.slider-des p {
    margin-bottom: 0;
}

.slider-des .link {
    padding: 10px 25px;
    color: #fff;
    border: 1px solid #fff;
    margin-top: 5px;
    float: right;
    margin-right: 30px;
    font-size: 16px;
}
.quick-link i {
    margin-right: 5px;
    font-size: 18px;
}

.quick-link a {
    color: #fff;
}

.tour-detail {
    padding-top: 20px;
}

.tour-booking-panel {
    display: none;
}

#line-title h2 {
    text-transform: none;
    color: #3bb0ff;
    font-weight: normal;
}

.location-banner h1 {
    text-align: center;
    color: #fff;
    text-shadow: 3px 3px 5px #434343;
    font-size: 72px;
}

.location-banner {
    padding: 220px 0;
    background-size: cover;
    min-height: 550px;
}

.tour-category .tour-tab {
    padding-top: 20px;
}

.tour-category .tour-tab .tab {
    text-align: center;
}

.tour-category .tour-tab .tab ul li {
    display: inline-block;
    float: none;
}

#main-best-tour .best-tour .txt-tour {
    height: 135px;
}

.category-list #line-title {
    margin: 20px 0;
}

.guide-item .guide-img{
    background-position: 50% 50%;
    background-size: cover;
    height: 250px;
    margin-bottom: 20px;
}

.guide-item {
    background: #fff;
    text-align: left;
    margin-bottom: 30px;
}
.guide-item h3 {
    font-size: 20px;
    font-weight: bold;
    color: #1f7fbf;
    padding: 0 20px;
    margin-bottom: 10px;
    margin-top: 30px;
}

.guide-item p {
    color: #555;
    text-align: left;
    padding: 0 20px 20px 20px;

}

.tour-category .content-tab {
    padding: 20px;
}

.gallery-item {
    width: 100%;
    height: 200px;
    background-size: cover;
    margin-bottom: 30px;
}

.title-index-des {
    font-size: 24px;
    font-weight: bold;
    margin: 20px 0;
    padding: 3px 0;
    color: #3bb0ff;
    padding-left: 15px;
    border-left: 4px solid #3bb0ff;
}

.title-index-des a {
    font-size: 14px;
    font-weight: normal;
    /* margin-right: 30px; */
    margin-top: 10px;
    color: #9c9c9c;
    font-style: italic;
    text-decoration: underline;
    float: right;
}

.custom-tour .form-item .select-country .country-location label {
    width: 48%;
    height: 28px;
    overflow: hidden;
    font-size: 13px;
    padding: 0;
}

.country-location label {
    width: 100px;
}

.country-location {
    border-radius: 5px;
    border: 1px solid #fff;
    padding: 5px;
}

.custom-tour .form-item .select-country label.main-label {
    width: 100%;
    margin-left: 5px;
    font-size: 18px;
    font-weight: bold;
}

.form-title {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin: 0;
    padding-top: 10px;
}

.map-tooltip {
    padding: 5px;
    width: 250px;
}

.map-tooltip h3 {
    font-size: 20px;
    font-weight: bold;
}


.destination-guide #main-best-tour {
    background: transparent;
    padding-top: 0;
}

.destination-guide #main-best-tour .best-tour .img-tour .title-tour h2 {
    padding: 0;
    width: 255px;
    text-transform: none;
    text-align: left;
}

.destination-guide #main-best-tour .best-tour {
    background: #fff;
}

.cruise-images .gallery-item {
    margin-bottom: 10px;
}

.cruise-images h3 {
    font-size: 16px;
    margin-bottom: 20px;
}

.form-booking {
    padding: 30px 0;
}

.title-booking {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
}

.booking-intro h1 {
    margin-bottom: 30px;
    font-size: 28px;
    font-weight: bold;
}

.form-booking .help-block {
    color: red;
}

.tour-checkout {
    max-width: 550px;
    margin: 0 auto;
}

.tour-checkout img {
    width: 100%;
}

.checkout-success {
    color: #00a65a;
    font-size: 36px;
    margin-bottom: 25px;
    font-weight: bold;
}

.testi-item {

}

.testi-content {
    border-radius: 20px;
    background: #3cb0ff;
    padding: 20px;
    margin-bottom: 35px;
    font-size: 16px;
    color: #fff;
}

.testi-user {
    padding: 30px 0;
    text-align: center;
}

.testi-user img {
    width: 100px;
    height: 100px;
    border-radius: 100px;
    border: solid 1px #fff;
    margin-bottom: 15px;
}

.testi-user h3{
    font-size: 18px;
    margin-bottom: 10px;
    font-weight: bold;
}

.testi-user h4{
    font-size: 15px;
    margin-bottom: 25px;
}

.testi-star {
    font-size: 20px;
    margin: 10px auto;
    color: #fbec38;
}

.testi-mess {
    padding: 20px 20px 20px 10px;
}

.testi-mess p {
    line-height: 26px;
    font-size: 16px;
}

.testi-mess h2{
    font-size: 25px;
    margin-bottom: 25px;
    font-weight: bold;
    text-align: left;
    text-transform: none;
    color: #fff;
    padding: 0;
}

.testi-line {
    width: 45px;
    height: 1px;
    background: #fff;
    margin-bottom: 15px;
}

h1.testi-title {
    text-align: center;
    margin-top: 20px;
    padding-bottom: 20px;
}

.testi-des {
    font-size: 18px;
    margin-bottom: 45px;
    color: #777;
    text-align: center;
}

video {
  width: 100%    !important;
  height: auto   !important;
}

#main-head #bot-head #logo {
    padding-top: 15px;
}

.tab-content iframe,.tour-detail iframe {
    margin: 0 auto;
    display: block;
}

@media (min-width: 768px) {
    .guide-item {
        height: 690px;
    }
}

@media (max-width: 1023px) {
    .tab-content iframe, .tour-detail iframe {
        width: 100% !important;
        height: 500px !important;
    }
} 

@media (max-width: 768px) {
    .tab-content iframe, .tour-detail iframe {
        width: 100% !important;
        height: 350px !important;
    }

    #main-banner .bx-wrapper, #main-banner .bx-viewport {
        height: 350px !important;
    }

    #main-banner .bx-wrapper .bx-viewport img {
        max-width: none;
        width: auto;
        height: 100%;
    }

    #main-banner .slider-des {
        bottom: 27%;
    }
}