html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,figure,footer,header,hgroup,menu,nav,section,menu,time,mark,audio,video{background:transparent;margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline}
article,aside,figure,footer,header,hgroup,nav,section{display:block}
nav ul{list-style:none}
blockquote, q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input, select{vertical-align:middle}
table{font-size:inherit;font:100%}
select,input,textarea{font:99% sans-serif}
pre,code,kbd,samp{font-family:monospace,sans-serif}
h1,h2,h3,h4,h5,h6{font-weight:bold;}
html{-webkit-font-smoothing:antialiased}
a:hover,a:active{outline:none}
a,a:active,a:visited{text-decoration:none}
ul{margin-left:0;list-style:none}
ol{margin-left:0;list-style-type:decimal}
small{font-size:85%}
strong,th{font-weight:bold}
td,td img{vertical-align:top}
sub{vertical-align:sub;font-size:smaller}
sup{vertical-align:super;font-size:smaller}
button{width:auto;overflow:visible}
.clearfix{display:inline-block}
* html .clearfix{height:1%}
.clearfix{display:block}
.clear{clear:both}
.fl{float:left}
.fr{float:right}

/* MAIN */
/*body {font-family: arial; background: url(../images/bg.jpg) top center no-repeat #F6F6F6;}*/
body {font-family: arial; background: url(../images/bg_tet.png) top center no-repeat fixed #F6F6F6;}
#wrapper {width: 984px; margin: 0 auto;}
#top-nav {background:url(../images/top-nav.png) no-repeat; height: 48px; line-height: 38px;margin: 54px auto;}
#top-nav ul.menu li {float: left; padding: 0px 13px;}
#top-nav ul.menu li a.home, #top-nav ul.menu li a.home:link, #top-nav ul.menu li a.home:visited, #top-nav ul.menu li a.home:hover {background:url(../images/home-icon.png) no-repeat; padding-left: 30px;}
#top-nav ul.menu li a, #top-nav ul.menu li a:link, #top-nav ul.menu li a:visited {font-size: 15px; font-weight: bold; color: #FFF; text-transform: uppercase; text-shadow: 1px 1px #666;}
#top-nav ul.menu li a:hover {color: #FFFF66; text-shadow: 1px 1px #666666;}
#logo {float: left; margin-left: 7px; width: 210px; height: 104px; background-color: #fff;}
#logo img {float: right; width: 210px; height: 157px;}
#top-banner {float: left; width: 760px; background-color: #fff; height: 104px;}
#top-banner img {width: 760px;height: 157px;}
#main {width: 970px; background: #FFF; margin: -61px auto;}
#content {margin: 0px 8px 8px 8px; font-size: 13px; min-height: 400px;}
#sidebar {width: 262px; margin-right: 8px; margin-bottom: 10px;}
#left {width: 700px; padding-top: 8px;}
div.img
{


    float: left;

    padding:4px 2px;
}
div.img a:hover img {border: 1px solid #52CC52;}

div.module-tour {width: 471px; margin: 8px 0; background: url(../images/moduletitle_2.jpg) repeat-x #FFFFFF; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #F0F0F0;}
div.module-tour h2.title-tour {font-size: 14px; background: url(../images/icon_tour.png) 0px -5px no-repeat; text-indent: 35px; border-bottom: 1px solid #6AEC6B;}
div.module-tour .viewmore {float: right;}
div.module-tour div.module-tour-inside {margin: 5px 0;}
div.module-tour .title-tour a, div.module-tour .title-tour a:link, div.module-tour .title-tour a:visited {line-height: 30px; text-transform: uppercase; color: #2B9303;}
div.module-tour .title-tour a.viewmore, div.module-tour .title-tour a.viewmore:link, div.module-tour .title-tour a.viewmore:visited {font-size: 11px; text-transform: capitalize; padding-right: 5px;}
div.module-tour-inside ul.listing li {width: 208px; height: 200px; float: left; display: block; margin-left: 18px;}
div.module-tour-inside ul.listing li .pic-tour img {width: 200px; height: 120px; border: 1px solid #F4F2F2; padding: 3px; background: #FFF;}
div.module-tour-inside ul.listing li .pic-tour img:hover {border: 1px solid #CCC;}
div.module-tour-inside ul.listing li h4 a, div.module-tour-inside ul.listing li h4 a:link, div.module-tour-inside ul.listing li h4 a:visited {font-size: 13px;font-weight: bold;color: #06C;}
div.module-tour-inside ul.listing li h4 {text-align: center; line-height: 21px; padding-top: 5px;}
div.module-tour-inside ul.listing li h4 a:hover {color: #2e6e9e;}
div.module-tour-inside ul.listing li .price {text-align: center; font-size: 13px; font-weight: bold; color: #c30827;}
div.module-tour-inside ul.listing li .price span {}

/* FOOTER  */
#footer {
    clear: both;
    width: 970px;
    margin: 0 auto;
}

.tfooter {
    color: #F30C3A;
    font-weight: bold;
    padding: 2px 0 7px;
    font-size: 12px;
}
.lstfooter {
    border-left: 1px solid #CCC;
    display: block;
    height: 1%;
    padding-left: 10px !important;
    width:190px;
}
.lstfooter li {
    display: block;
    padding: 0 0 5px;
    font-size: 12px;
    color:#666 !important;
    line-height: 18px;
}
.lstfooter li a{
    font-size: 12px;
    color:#666 !important;
    line-height: 18px;
}
.lFooter {
    margin-top: 5px;
    width: 961px;
    border-top: 2px solid green;
    padding: 5px 0 10px 10px;
    height:130px;
    background-color:#EEEEEF;
}
.fleft{
    float: left !important;
}

p.fcopy {background-color:#E7E7E7;width: 970px;text-align: center;font-size: 12px;padding-top:4px;padding-bottom:4px;color: #808083;}

/* BOX */
.notice{background:#f1f3f7 url(../images/icon_approved.jpg) 10px center no-repeat;height:32px;margin-bottom:10px;padding-left:32px;line-height:32px;color:#333;font-size:12px;border:1px solid #cad6e4}
.warning{background:#fffbd6 url(../images/icon_warning.gif) 10px center no-repeat;height:32px;margin-bottom:10px;padding-left:32px;line-height:32px;color:#f00;font-size:12px;border:1px solid #f00}




.locnear ul{
    border-left: 1px solid #D0D0D0;
    border-right: 1px solid #D0D0D0;
    border-bottom: 1px solid #D0D0D0;
    padding-bottom: 4px;
    box-shadow:1px 2px 3px #eee;-webkit-box-shadow:1px 2px 3px #eee;-moz-box-shadow:1px 2px 3px #eee;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.locnear p.tit{
    margin: 0px;
    padding: 7px 0px 7px 8px;
    background: url(../images/bg_tab2.jpg);
    text-transform: uppercase;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 12px;
    position: relative;
}
.demoloc a {font-size: 12px; color:#333; font-weight: bold;}
.demoloc p {font-size: 12px; color: #c30827;}

.listhotel{
    padding: 8px;
    height: 50px;
}
.listhotel2{
    padding: 8px 0px 8px 0px;
    height: 50px;
}
.demohotel p {font-size: 12px; color: #c30827;}

.boundhotel{
    float: left;
    padding-bottom: 8px;
    border-bottom: solid 1px #E2E2E2;
    width: 100%;
}

.locnear a{
    color: #333;
}

.avar{
    float: left;
    margin-right: 8px;
}

.demoloc{
    line-height: 16px;
}

.martop8 {margin-top: 8px;}

.aru{
    position: absolute;
    top: 20px;
    left: 20px;
    width: 20px;
    height: 9px;
    background: url(../images/up-arrow.png) no-repeat 0px 2px;
}

.icons{
    background: url(../images/icons.png) no-repeat;
}

.titnear{
    border-bottom: 1px solid green;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 13px;
    color: green;
    line-height: 18px;
}
.titnear .icons{
    float: left;
    width: 13px;
    height: 13px;
    background-position: -116px -265px;
    margin: 2px 2px 0px 0px;
}
.iconhotel{
    float: left;
    width: 15px;
    height: 18px;
    background: url(../images/icons.png) no-repeat 0px -184px;
    margin: -1px 5px 0px 0px;
}
.txta{
    color: #3B5998;
}
.boundhotel{
    padding-bottom: 5px;
    border-bottom: solid 1px #E2E2E2;
    width: 100%;
}
.linksmallhotel{
    color: #444444;
    font-weight: bold;
    margin: 0px 0px 2px;
    font-size: 12px;
}

/* DETAIL */
#detail #intro img.top-img {border:1px solid #DFDFDF; padding:2px; float:left; margin-right:15px;}
#detail #intro h1 {font-size:16px; line-height:30px;}
#detail #intro p {line-height:21px; font-size: 12px;}
#detail #intro p span {width:80px; display:inline-block; font-size: 12px;}
#detail #detail-main {clear:both; margin-top:20px;}
#detail #detail-main ul.tab {list-style:none; display:block;background:#F1F1F1;border-top: 1px solid #CCC; clear:both; outline:none; height:25px;}
#detail #detail-main ul.tab li {display:inline; float:left; background:#F1F1F1;}
#detail #detail-main ul.tab li a {color: #666;font-size: 12px;padding: 5px 15px;display:inline-block;border-bottom:1px solid green;background:url(bg_tab_cf.jpg) no-repeat right center;}
#detail #detail-main ul.tab li a.active {border-left:1px solid green; border-right:1px solid green; border-top:1px solid green; border-bottom:1px solid #FFF; margin-top:-1px;color:green; font-weight:bold; background:#FFFFFF;margin-left:-1px;}
#detail #detail-main div.tab-content {border-top:1px solid green; margin-top:-1px;line-height:21px; padding-top:10px; font-size: 12px;}
#detail #detail-main div.tab-content img {max-width: 700px;}
ul.page-item{list-style:none; float:right; margin:10px 0px;}
ul.page-item li{float:left;width:auto;height:auto;margin:0}
ul.page-item li a{display:block;background:#fff;margin-left:5px;padding:3px 7px;color:#333;border:1px solid green}
ul.page-item li a:hover, ul.page-item li a.active{background:green;color:#fff;border:1px solid green;}


/* Breadcrumb */
.breadcrumb {
    float:left;height:22px;margin:10px 10px 0 10px; width: 950px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.breadcrumb img {margin-right:7px}
.breadcrumb span {color:#666666;font-size:12px}
.breadcrumb span a {background:url(../images/icon_link_next.gif) right 2px no-repeat;margin-right:4px;padding-right:12px;color:#333}
.breadcrumb span a:hover {text-decoration: underline;}

/* CATEGORY */
div.block {margin-bottom: 20px;}
div.block div.block-title h2 {font-size:16px; font-weight:bold; color:green; text-indent:35px; background:url(../images/module_right_icon.png) no-repeat;text-shadow:#CFCFCF 1px 1px; text-transform:uppercase; padding-top: 12px;}
div.block div.block-title {border-bottom:1px solid green; height:35px;}
div.block div.block-title h2 a, div.block div.block-title h2 a:link, div.block div.block-title h2 a:visited {color: green;}
div.block div.block-title h2 a:hover {color:#2B9303;}
div.tour-item-fix {padding:8px 0px; float: left; width: 342px; height: 137px; border-bottom: 1px dotted #DFDFDF;}
div.tour-item-fix img {float:left; border:1px solid #CCCCCC; padding:1px; margin-right:4px;}
div.tour-item-fix img:hover {border:1px solid #666;}
div.tour-item-fix h3 a, div.tour-item h3 a:link, div.tour-item h3 a:visited{ font-size:14px; color:#666666; padding-right: 4px; line-height: 20px;}
div.tour-item-fix h3 a:hover {color:#759645;}
div.tour-item-fix p {line-height:18px;}
div.tour-item-fix p.price {color: #CC0000;}
div.tour-item-fix p span {display:inline-block; width:80px;}
div.tour-item-fix p span.price {color:#CC0000;}

div.topic-title {background:url(topic_title.jpg) no-repeat right top;/* border-bottom:1px solid green; */height:35px;background:url(../images/module_right_icon.png) no-repeat;}
div.topic-title h1 {font-size:16px;font-weight:bold;color:green;text-indent:35px;text-shadow:#DFDFDF 1px 0 1px;text-transform:uppercase;padding-top: 12px;/* border-bottom: 1px solid green; */text-decoration: underline;}
div.tour-item {border-bottom:1px dotted #DFDFDF; padding:10px 0px; clear:both;}
div.tour-item img {float:left; border:1px solid #CCCCCC; padding:3px; margin-right:10px;}
div.tour-item img:hover {border:1px solid #666;}
div.tour-item h3 a, div.tour-item h3 a:link, div.tour-item h3 a:visited{ font-size:14px; color:#666666;}
div.tour-item h3 a:hover {color:#333333;}
div.tour-item p {line-height:21px;}
div.tour-item p.price {color: #CC0000;}
div.tour-item p span {display:inline-block; width:120px;}
div.tour-item p span.price {color:#CC0000;}
div.tour-item span.ctn {padding:0px 5px; float:right; margin-top: -16px; line-height:20px;}
div.tour-item span.ctn a, div.tour-item span.ctn a:link, div.tour-item span.ctn a:visited {color:green; font-size:11px;}
div.tour-item span.ctn a:hover {text-decoration: underline;}

#topic-detail {line-height:21px; padding-top:10px;}
#topic-detail img {/* max-width: 400px; */}
h2.related {font-size: 13px; color: #333; margin: 10px 0 5px 0;}
ul.related {list-style: none;}
ul.related li a, ul.related li a:link, ul.related li a:visited {line-height: 21px; color: #666;}
ul.related li a:hover {color: #999; text-decoration: underline;}
ul.related li span {color:#666; padding-left: 10px;}

/* HOME */
#home-right {width: 180px;}
#home-middle {width: 250px;}
#home-left {width: 508px; margin-right: 8px;}
span.number {width: 30px; height: 30px; display: block; background: #EE5757; color: #FFF; font-size: 20px; font-weight: bold; line-height: 30px; text-align: center;-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;}

div.block-service {margin-bottom: 20px;}
div.block-service div.block-title h2 {font-size:14px; font-weight:bold; color:#FFF; text-transform:uppercase; line-height: 27px; text-indent: 10px; background: url(../images/moduletitle_2.jpg) repeat-x #F3F3F3; border-bottom: 1px solid #6AEC6B; border-radius: 3px; text-shadow: 1px 1px 1px #CFCFCF;}
div.block-service div.block-title h2 a, div.block div.block-title h2 a:link, div.block div.block-title h2 a:visited {color: green;}
div.block-service div.block-title h2 a:hover {color:#FFF;}
div.block-service div.item-fix {margin-right: 5px; padding:10px 0px; float: left; width: 248px; height: 78px; border-bottom: 1px dotted #DFDFDF;}
div.block-service div.item-fix img {float:left; border:1px solid #CCCCCC; padding:1px; margin-right:10px;}
div.block-service div.item-fix img:hover {border:1px solid #666;}
div.block-service div.item-fix h3 a, div.tour-item h3 a:link, div.tour-item h3 a:visited{ font-size:13px; color:#666666; padding-right: 4px; line-height: 20px;}
div.block-service div.item-fix h3 a:hover {color:#333333;}
div.block-service div.item-fix p {line-height:21px;}

#main-banner {width: 954px; height: 350px; }

.slider-wrapper {
    float: left;
    width: 626px;
    border: 1px solid #ccc;
    padding: 1px;
    height: 350px;
    margin-left: 1px;
}

.booking {
    float: left;
    width: 310px;
    border: 1px solid #ccc;
    padding: 1px;
    height: 350px;
    margin-left: 8px;
    position: relative;
}


/* ==========================================================================
   The Nivo Slider styles
   ========================================================================== */

.theme-default .nivoSlider {
    position:relative;
    background:#fff url(loading.gif) no-repeat 50% 50%;
    margin-bottom:10px;
    -webkit-box-shadow: 0px 1px 5px 0px #4a4a4a;
    -moz-box-shadow: 0px 1px 5px 0px #4a4a4a;
    box-shadow: 0px 1px 5px 0px #4a4a4a;
}
.theme-default .nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.theme-default .nivoSlider a {
    border:0;
    display:block;
}

.theme-default .nivo-caption {
    font-family: Helvetica, Arial, sans-serif;
}
.theme-default .nivo-caption a {
    color:#fff;
    border-bottom:1px dotted #fff;
}
.theme-default .nivo-caption a:hover {
    color:#fff;
}

.nivoSlider {
    position:relative;
    width:100%;
    height:auto;
    overflow: hidden;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    max-width: none;
}
.nivo-main-image {
    display: block !important;
    position: relative !important;
    width: 100% !important;
}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
    position:absolute;
    top:0px;
    left:0px;
    width:100%;
    height:100%;
    border:0;
    padding:0;
    margin:0;
    z-index:6;
    display:none;
    background:white;
    filter:alpha(opacity=0);
    opacity:0;
}
/* The slices and boxes in the Slider */
.nivo-slice {
    display:block;
    position:absolute;
    z-index:5;
    height:100%;
    top:0;
}
.nivo-box {
    display:block;
    position:absolute;
    z-index:5;
    overflow:hidden;
}
.nivo-box img { display:block; }

/* Caption styles */
.nivo-caption {
    position:absolute;
    left:0px;
    bottom:0px;
    background:#000;
    color:#fff;
    width:100%;
    z-index:8;
    padding: 5px 10px;
    opacity: 0.8;
    overflow: hidden;
    display: none;
    -moz-opacity: 0.8;
    filter:alpha(opacity=8);
    -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
    -moz-box-sizing: border-box;    /* Firefox, other Gecko */
    box-sizing: border-box;         /* Opera/IE 8+ */
}
.nivo-caption p {
    padding:5px;
    margin:0;
}
.nivo-caption a {
    display:inline !important;
}



/* ==========================================================================
   Gia's custom styles
   ========================================================================== */

/* First Right Banner */

#banner-right-first {
    position: relative;
    overflow: hidden;
    width: 180px;
    height: 298px;
    background: url('../images/tour-du-lich-thai-lan-bg.png') 0px 0px no-repeat;
    -webkit-animation: banner-right-first-bg 12s infinite ease-in-out 1s;
    -moz-animation: banner-right-first-bg 12s infinite ease-in-out 1s;
    -o-animation: banner-right-first-bg 12s infinite ease-in-out 1s;
    -ms-animation: banner-right-first-bg 12s infinite ease-in-out 1s;
    animation: banner-right-first-bg 12s infinite ease-in-out 1s;
}

#banner-right-first .discount {
    position: absolute;
    margin: -275px 0 0 85px;
    -webkit-animation: banner-right-first-discount 0.2s infinite ease-in-out 0s;
    -moz-animation: banner-right-first-discount 0.2s infinite ease-in-out 0s;
    -o-animation: banner-right-first-discount 0.2s infinite ease-in-out 0s;
    -ms-animation: banner-right-first-discount 0.2s infinite ease-in-out 0s;
    animation: banner-right-first-discount 0.2s infinite ease-in-out 0s;
}

#banner-right-first .price {
    position: absolute;
    margin: -300px 0 0 50px;
}

#banner-right-first .title {
    position: absolute;
    margin: -152px 0 0 0px;
    opacity: 0;
    -webkit-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    -ms-transform: scale(1.5);
    transform: scale(1.5);
    -webkit-animation: banner-right-first-title 8s infinite ease-in-out 1s;
    -moz-animation: banner-right-first-title 8s infinite ease-in-out 1s;
    -o-animation: banner-right-first-title 8s infinite ease-in-out 1s;
    -ms-animation: banner-right-first-title 8s infinite ease-in-out 1s;
    animation: banner-right-first-title 8s infinite ease-in-out 1s;
}

/* Second Right Banner */

#banner-right-second {
    width: 180px;
    height: 298px;
    background: url('../images/tour-du-lich-campuchia-bg.png') 0px 0px no-repeat;
}

#banner-right-second .title {
    margin: 122px 0 0 0;
    -webkit-animation: banner-right-second-title 0.1s infinite ease-in-out 0s;
    -moz-animation: banner-right-second-title 0.1s infinite ease-in-out 0s;
    -o-animation: banner-right-second-title 0.1s infinite ease-in-out 0s;
    -ms-animation: banner-right-second-title 0.1s infinite ease-in-out 0s;
    animation: banner-right-second-title 0.1s infinite ease-in-out 0s;
}

#banner-right-second .price {
    margin: 5px 0 0 5px;
}

/* Third Right Banner */

#banner-right-third {
    width: 180px;
    height: 298px;
    background: url('../images/tour-du-lich-da-lat-bg.png') 0px 0px no-repeat;
    -webkit-animation: banner-right-third-bg 12s infinite ease-in-out 1s;
    -moz-animation: banner-right-third-bg 12s infinite ease-in-out 1s;
    -o-animation: banner-right-third-bg 12s infinite ease-in-out 1s;
    -ms-animation: banner-right-third-bg 12s infinite ease-in-out 1s;
    animation: banner-right-third-bg 12s infinite ease-in-out 1s;
}

#banner-right-third .title {
    margin: 0px 0 0 6px;
    opacity: 0.5;
    -webkit-animation: banner-right-third-title 8s infinite ease-in-out 1s;
    -moz-animation: banner-right-third-title 8s infinite ease-in-out 1s;
    -o-animation: banner-right-third-title 8s infinite ease-in-out 1s;
    -ms-animation: banner-right-third-title 8s infinite ease-in-out 1s;
    animation: banner-right-third-title 8s infinite ease-in-out 1s;
}

/* Fourth Right Banner */

#banner-right-fourth-bg {
    display: inline-block;
    width: 180px;
    height: 298px;
    background: url('../images/tour-du-lich-nha-trang-bg.png') 0px 0px no-repeat;
    background-size: 120% 120%;
    opacity: 0.2;
    -webkit-animation: banner-right-fourth-bg 8s infinite ease-in-out 1s;
    -moz-animation: banner-right-fourth-bg 8s infinite ease-in-out 1s;
    -o-animation: banner-right-fourth-bg 8s infinite ease-in-out 1s;
    -ms-animation: banner-right-fourth-bg 8s infinite ease-in-out 1s;
    animation: banner-right-fourth-bg 8s infinite ease-in-out 1s;
}

#banner-right-fourth {
    position: relative;
    overflow: hidden;
    width: 180px;
    height: 298px;
    margin: -298px 0 0 0;
}

#banner-right-fourth .mask {
    float: left;
    margin-top: 210px;
}

#banner-right-fourth .discount {
    float: left;
    margin: -298px 0 0 104px;
    -webkit-animation: banner-right-fourth-discount 0.5s infinite ease-in-out 0s;
    -moz-animation: banner-right-fourth-discount 0.5s infinite ease-in-out 0s;
    -o-animation: banner-right-fourth-discount 0.5s infinite ease-in-out 0s;
    -ms-animation: banner-right-fourth-discount 0.5s infinite ease-in-out 0s;
    animation: banner-right-fourth-discount 0.5s infinite ease-in-out 0s;
}

#banner-right-fourth .title {
    float: left;
    margin: -181px 0 0 0;
    -webkit-animation: banner-right-fourth-title 8s infinite ease-in-out 1s;
    -moz-animation: banner-right-fourth-title 8s infinite ease-in-out 1s;
    -o-animation: banner-right-fourth-title 8s infinite ease-in-out 1s;
    -ms-animation: banner-right-fourth-title 8s infinite ease-in-out 1s;
    animation: banner-right-fourth-title 8s infinite ease-in-out 1s;
}

#banner-right-fourth .price {
    float: left;
    margin: -42px 0 0 52px;
}

/* Keyframes of First Right Banner*/

@-webkit-keyframes banner-right-first-bg {
    0%   {background: url('../images/tour-du-lich-thai-lan-bg.png') 0px 0px no-repeat;}
    50%  {background: url('../images/tour-du-lich-thai-lan-bg.png') -205px 0px no-repeat;}
    100% {background: url('../images/tour-du-lich-thai-lan-bg.png') 0px 0px no-repeat;}
}
@-moz-keyframes banner-right-first-bg {
    0%   {background: url('../images/tour-du-lich-thai-lan-bg.png') 0px 0px no-repeat;}
    50%  {background: url('../images/tour-du-lich-thai-lan-bg.png') -205px 0px no-repeat;}
    100% {background: url('../images/tour-du-lich-thai-lan-bg.png') 0px 0px no-repeat;}
}
@-o-keyframes banner-right-first-bg {
    0%   {background: url('../images/tour-du-lich-thai-lan-bg.png') 0px 0px no-repeat;}
    50%  {background: url('../images/tour-du-lich-thai-lan-bg.png') -205px 0px no-repeat;}
    100% {background: url('../images/tour-du-lich-thai-lan-bg.png') 0px 0px no-repeat;}
}
@-ms-keyframes banner-right-first-bg {
    0%   {background: url('../images/tour-du-lich-thai-lan-bg.png') 0px 0px no-repeat;}
    50%  {background: url('../images/tour-du-lich-thai-lan-bg.png') -205px 0px no-repeat;}
    100% {background: url('../images/tour-du-lich-thai-lan-bg.png') 0px 0px no-repeat;}
}
@keyframes banner-right-first-bg {
    0%   {background: url('../images/tour-du-lich-thai-lan-bg.png') 0px 0px no-repeat;}
    50%  {background: url('../images/tour-du-lich-thai-lan-bg.png') -205px 0px no-repeat;}
    100% {background: url('../images/tour-du-lich-thai-lan-bg.png') 0px 0px no-repeat;}
}

@-webkit-keyframes banner-right-first-title {
    0%   {margin: -152px 0 0 0px; opacity: 0;
        -webkit-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -o-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);}
    70% {margin: -152px 0 0 12px; opacity: 1;
        -webkit-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);}
    100% {margin: -152px 0 0 12px; opacity: 1;
        -webkit-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);}
}
@-moz-keyframes banner-right-first-title {
    0%   {margin: -152px 0 0 0px; opacity: 0;
        -webkit-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -o-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);}
    70% {margin: -152px 0 0 12px; opacity: 1;
        -webkit-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);}
    100% {margin: -152px 0 0 12px; opacity: 1;
        -webkit-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);}
}
@-o-keyframes banner-right-first-title {
    0%   {margin: -152px 0 0 0px; opacity: 0;
        -webkit-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -o-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);}
    70% {margin: -152px 0 0 12px; opacity: 1;
        -webkit-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);}
    100% {margin: -152px 0 0 12px; opacity: 1;
        -webkit-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);}
}
@-ms-keyframes banner-right-first-title {
    0%   {margin: -152px 0 0 0px; opacity: 0;
        -webkit-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -o-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);}
    70% {margin: -152px 0 0 12px; opacity: 1;
        -webkit-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);}
    100% {margin: -152px 0 0 12px; opacity: 1;
        -webkit-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);}
}
@keyframes banner-right-first-title {
    0%   {margin: -152px 0 0 0px; opacity: 0;
        -webkit-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -o-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);}
    70% {margin: -152px 0 0 12px; opacity: 1;
        -webkit-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);}
    100% {margin: -152px 0 0 12px; opacity: 1;
        -webkit-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);}
}

@-webkit-keyframes banner-right-first-discount {
    0%  {margin: -275px 0 0 85px;}
    100% {margin: -275px 0 0 83px;}
}
@-moz-keyframes banner-right-first-discount {
    0%  {margin: -275px 0 0 85px;}
    100% {margin: -275px 0 0 83px;}
}
@-o-keyframes banner-right-first-discount {
    0%  {margin: -275px 0 0 85px;}
    100% {margin: -275px 0 0 83px;}
}
@-ms-keyframes banner-right-first-discount {
    0%  {margin: -275px 0 0 85px;}
    100% {margin: -275px 0 0 83px;}
}
@keyframes banner-right-first-discount {
    0%  {margin: -275px 0 0 85px;}
    100% {margin: -275px 0 0 83px;}
}

/* Keyframes of Second Right Banner*/

@-webkit-keyframes banner-right-second-title {
    0%  {margin: 122px 0 0 0px;}
    100% {margin: 121px 0 0 -1px;}
}
@-moz-keyframes banner-right-second-title {
    0%  {margin: 122px 0 0 0px;}
    100% {margin: 121px 0 0 -1px;}
}
@-o-keyframes banner-right-second-title {
    0%  {margin: 122px 0 0 0px;}
    100% {margin: 121px 0 0 -1px;}
}
@-ms-keyframes banner-right-second-title {
    0%  {margin: 122px 0 0 0px;}
    100% {margin: 121px 0 0 -1px;}
}
@keyframes banner-right-second-title {
    0%  {margin: 122px 0 0 0px;}
    100% {margin: 121px 0 0 -1px;}
}

/* Keyframes of Third Right Banner*/

@-webkit-keyframes banner-right-third-bg {
    0%   {background: url('../images/tour-du-lich-da-lat-bg.png') 0px 0px no-repeat;}
    50%  {background: url('../images/tour-du-lich-da-lat-bg.png') -205px 0px no-repeat;}
    100% {background: url('../images/tour-du-lich-da-lat-bg.png') 0px 0px no-repeat;}
}
@-moz-keyframes banner-right-third-bg {
    0%   {background: url('../images/tour-du-lich-da-lat-bg.png') 0px 0px no-repeat;}
    50%  {background: url('../images/tour-du-lich-da-lat-bg.png') -205px 0px no-repeat;}
    100% {background: url('../images/tour-du-lich-da-lat-bg.png') 0px 0px no-repeat;}
}
@-o-keyframes banner-right-third-bg {
    0%   {background: url('../images/tour-du-lich-da-lat-bg.png') 0px 0px no-repeat;}
    50%  {background: url('../images/tour-du-lich-da-lat-bg.png') -205px 0px no-repeat;}
    100% {background: url('../images/tour-du-lich-da-lat-bg.png') 0px 0px no-repeat;}
}
@-ms-keyframes banner-right-third-bg {
    0%   {background: url('../images/tour-du-lich-da-lat-bg.png') 0px 0px no-repeat;}
    50%  {background: url('../images/tour-du-lich-da-lat-bg.png') -205px 0px no-repeat;}
    100% {background: url('../images/tour-du-lich-da-lat-bg.png') 0px 0px no-repeat;}
}
@keyframes banner-right-third-bg {
    0%   {background: url('../images/tour-du-lich-da-lat-bg.png') 0px 0px no-repeat;}
    50%  {background: url('../images/tour-du-lich-da-lat-bg.png') -205px 0px no-repeat;}
    100% {background: url('../images/tour-du-lich-da-lat-bg.png') 0px 0px no-repeat;}
}

@-webkit-keyframes banner-right-third-title {
    0%   {  opacity: 0.5;
        margin: 0px 0 0 6px;}
    30%   {  opacity: 1;
        margin: 30px 0 0 6px;}
    90%   {  opacity: 1;
        margin: 0px 0 0 6px;}
    100%   {  opacity: 0.5;
        margin: 0px 0 0 6px;}
}
@-moz-keyframes banner-right-third-title {
    0%   {  opacity: 0.5;
        margin: 0px 0 0 6px;}
    30%   {  opacity: 1;
        margin: 30px 0 0 6px;}
    90%   {  opacity: 1;
        margin: 0px 0 0 6px;}
    100%   {  opacity: 0.5;
        margin: 0px 0 0 6px;}
}
@-o-keyframes banner-right-third-title {
    0%   {  opacity: 0.5;
        margin: 0px 0 0 6px;}
    30%   {  opacity: 1;
        margin: 30px 0 0 6px;}
    90%   {  opacity: 1;
        margin: 0px 0 0 6px;}
    100%   {  opacity: 0.5;
        margin: 0px 0 0 6px;}
}
@-ms-keyframes banner-right-third-title {
    0%   {  opacity: 0.5;
        margin: 0px 0 0 6px;}
    30%   {  opacity: 1;
        margin: 30px 0 0 6px;}
    90%   {  opacity: 1;
        margin: 0px 0 0 6px;}
    100%   {  opacity: 0.5;
        margin: 0px 0 0 6px;}
}
@keyframes banner-right-third-title {
    0%   {  opacity: 0.5;
        margin: 0px 0 0 6px;}
    30%   {  opacity: 1;
        margin: 30px 0 0 6px;}
    90%   {  opacity: 1;
        margin: 0px 0 0 6px;}
    100%   {  opacity: 0.5;
        margin: 0px 0 0 6px;}
}


/* Keyframes of Fourth Right Banner*/

@-webkit-keyframes banner-right-fourth-bg {
    0%   {background-size: 120% 120%; opacity: 0.3;}
    60%  {background-size: 100% 100%; opacity: 1;}
    100% {background-size: 100% 100%; opacity: 0.3;}
}
@-moz-keyframes banner-right-fourth-bg {
    0%   {background-size: 120% 120%; opacity: 0.3;}
    60%  {background-size: 100% 100%; opacity: 1;}
    100% {background-size: 100% 100%; opacity: 0.3;}
}
@-o-keyframes banner-right-fourth-bg {
    0%   {background-size: 120% 120%; opacity: 0.3;}
    60%  {background-size: 100% 100%; opacity: 1;}
    100% {background-size: 100% 100%; opacity: 0.3;}
}
@-ms-keyframes banner-right-fourth-bg {
    0%   {background-size: 120% 120%; opacity: 0.3;}
    60%  {background-size: 100% 100%; opacity: 1;}
    100% {background-size: 100% 100%; opacity: 0.3;}
}
@keyframes banner-right-fourth-bg {
    0%   {background-size: 120% 120%; opacity: 0.3;}
    60%  {background-size: 100% 100%; opacity: 1;}
    100% {background-size: 100% 100%; opacity: 0.3;}
}

@-webkit-keyframes banner-right-fourth-discount {
    0%  {margin: -298px 0 0 104px;}
    100% {margin: -297px 0 0 104px;}
}
@-moz-keyframes banner-right-fourth-discount {
    0%  {margin: -298px 0 0 104px;}
    100% {margin: -297px 0 0 104px;}
}
@-o-keyframes banner-right-fourth-discount {
    0%  {margin: -298px 0 0 104px;}
    100% {margin: -297px 0 0 104px;}
}
@-ms-keyframes banner-right-fourth-discount {
    0%  {margin: -298px 0 0 104px;}
    100% {margin: -297px 0 0 104px;}
}
@keyframes banner-right-fourth-discount {
    0%  {margin: -298px 0 0 104px;}
    100% {margin: -297px 0 0 104px;}
}

@-webkit-keyframes banner-right-fourth-title {
    0%   {  opacity: 0;
        -webkit-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -o-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);}
    70% {   opacity: 1;
        -webkit-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);}
    100% {  opacity: 1;
        -webkit-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);}
}
@-moz-keyframes banner-right-fourth-title {
    0%   {  opacity: 0;
        -webkit-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -o-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);}
    70% {   opacity: 1;
        -webkit-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);}
    100% {  opacity: 1;
        -webkit-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);}
}
@-o-keyframes banner-right-fourth-title {
    0%   {  opacity: 0;
        -webkit-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -o-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);}
    70% {   opacity: 1;
        -webkit-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);}
    100% {  opacity: 1;
        -webkit-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);}
}
@-ms-keyframes banner-right-fourth-title {
    0%   {  opacity: 0;
        -webkit-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -o-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);}
    70% {   opacity: 1;
        -webkit-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);}
    100% {  opacity: 1;
        -webkit-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);}
}
@keyframes banner-right-fourth-title {
    0%   {  opacity: 0;
        -webkit-transform: scale(1.5);
        -webkit-transform: scale(1.5);
        -o-transform: scale(1.5);
        -ms-transform: scale(1.5);
        transform: scale(1.5);}
    70% {   opacity: 1;
        -webkit-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);}
    100% {  opacity: 1;
        -webkit-transform: scale(1);
        -webkit-transform: scale(1);
        -o-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);}
}

#content table td {
    border: 1px solid #000;
}

#related_tours table td {
    border: 0;
}

.booking__text {
    position: absolute;
    font-weight: bold;
    font-size: 1.8em;
    color: #fff;
    background: red;
    border-radius: 5px;
    bottom: 29.5px;
    right: 15px;
    padding: 6px 15px;
    text-transform: uppercase;
    border: 1px dashed;
    animation: ABookingText 1s infinite;
}

.site-banner--top {
    width: 100%!important;
    height: 103px!important;
    position: relative;
}

.site-banner__image {
    width: 100%!important;
}

.site-banner__hotline--top {
    position: absolute;
    right: 28px;
    top: 59px;
    font-weight: bold;
    color: #fff;
    font-size: 1.5em;
    border: 2px dashed #fff;
    border-radius: 8px;
    padding: 5px 22px;
    background: red;
    transform: scale(1, 1);
    animation: AHotlineText 5s infinite;
}

.site-logo--top {
    position: absolute;
    left: 25px;
    background-color: transparent!important;
    top: 36px;
}

.site-logo--top img {
    width: 245px!important;
    height: auto!important;
    float: initial!important;
}

.site-nav__toogle--top {
    display: none;
}

.tab-content ul {
    margin-left: 45px;
}

@keyframes ABookingText {
    40%   { background: #2B9303;}
    80% { background:red}
}

@keyframes AHotlineText {
    25%   { transform: scale(1, 1); border: 2px dashed yellow; }
    50% { transform: scale(0.9, 0.9); border: 2px dashed #fff; }
    75%   { transform: scale(1, 1); border: 2px dashed yellow; }
}

.banner-see-more, .mobile-homepage--height-helper, .view-more-tours {
    display: none;
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {
    a[x-apple-data-detectors] {
        color: inherit !important;
        text-decoration: none !important;
        font-size: inherit !important;
        font-family: inherit !important;
        font-weight: inherit !important;
        line-height: inherit !important;
    }

    body, div, a, p, span, ul, li {
        /*font-family: 'Be Vietnam', 'Helvetica Neue', Helvetica, Arial, sans-serif;*/
        font-family: -apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
        font-size: 16px;
    }

    .mobile-homepage--height-helper {
        height: 150px;
        display: block;
    }

    #wrapper,
    #main,
    #main-banner {
        width: 100%;
    }

    #main {
        margin-top: 0;
        position: relative;
    }

    #main-banner {
        position: absolute;
        height: 158px;
        overflow: hidden;
        top: 0;
        left: -8px;
        right: -8px;
        width: calc(100% + 16px);
    }

    #content {
        padding-top: 0;
    }

    #header {
        position: relative;
    }

    #wrapper {
        overflow-x: hidden;
    }

    .site-logo--top {
        left: 48px;
        top: 22px;
    }

    #logo.site-logo--top {
        position: static;
        background: #ccc;
        width: 100%;
        float: none;
        margin: 0;
        padding: 10px 15px;
        height: auto;
    }

    #logo.site-logo--top > a {
        display: inline-block;
        width: 132px;
        height: 40px;
        line-height: 40px;
    }

    #top-banner #logo.site-logo--top > a > img {
        width: 110px !important;
    }

    .site-banner--top {
        height: 157px!important;
    }

    #top-banner {
        color: black;
        float: none;
        height: auto !important;
        position: relative;
        padding-top: 32px;
    }

    .site-banner__hotline--top {
        right: 0;
        top: 0;
        left: 0;
        font-size: 0.8em;
        padding: 0;
        width: 100%;
        position: absolute;
        animation: none;
        background: #3280f3;
        border-radius: 0;
        font-size: 14px;
        text-align: center;
        padding: 6px 0;
        border: none;
        height: 32px;
        line-height: 32px;
        padding: 0;
        transform: none;
        color: #fff !important;
    }

    #top-nav {
        position: fixed;
        background: none;
        margin: auto auto;
        height: auto;
        width: 100%;
        height: 100%;
        background-color: #2B9303;
        left: -100%;
        top: 0;
        z-index: 999;
        transition: all .3s;
        background: rgba(21, 68, 2, 0.99);
    }

    .site-banner__image {
        height: 100px !important;
        display: none;
    }

    .top-nav--show {
        transform: translateX(100%);
    }

    .top-nav--noshow {
        transform: translateY(-100%);
    }

    .menu {
        padding: 100px 90px;
    }
    .menu li {
        width: 100%;
    }

    #top-nav ul.menu {
        padding: 50px 20px 50px 40px;
        overflow: hidden;
    }

    #top-nav ul.menu li{
        float: none;
        padding: 0;
        padding: 5px 12px;
    }

    #top-nav ul.menu li a.home, #top-nav ul.menu li a.home:link, #top-nav ul.menu li a.home:visited, #top-nav ul.menu li a.home:hover {
        background-position: left center;
        padding-left: 25px;
    }

    #top-nav ul.menu li a {
        font-size: 18px !important;
        text-shadow: none !important;
        font-weight: 400 !important;
        text-transform: none !important;
    }

    .menu div.img {
        margin-left: 10px;
    }

    .site-nav__close-toogle--top {
        display: none;
        position: fixed;
        z-index: 9999;
        top: 60px;
        right: 30px;
        color: #ffffff;
        font-weight: bold;
        font-size: 16px;
        width: 30px;
        height: 30px;
        line-height: 28px;
        background: none;
        text-align: center;
        border-radius: 5px;
        border: 1px solid #fff;
        opacity: 0.6;
    }

    .site-nav__toogle--top {
        display: block;
        height: 0;
        width: 100%;
        background: #fff;
        padding: 25px 0;
        display: block;
        text-align: center;
        text-transform: uppercase;
        font-weight: bold;
        color: #2B9303;
        position: absolute;
        top: 32px;
        background: none;
        right: 0;
        display: inline-block;
        width: auto;
        height: 40px;
        margin-top: 6px;
        margin-right: 15px;
        line-height: 40px;
        padding: 10px 10px 0 10px;
    }

    .icon_menu {
        width: 25px;
        height: 17px;
        cursor: pointer;
        text-transform: uppercase;
        pointer-events: auto;
        position: relative;
        margin-top: 4px;
    }

    .icon_menu .style_icon {
        content: "";
        width: 100%;
        height: 2px;
        background: #2b9301;
        position: absolute;
        left: 0;
        top: 8px;
        transition: all .3s linear;
    }

    .icon_menu:before, .icon_menu:after {
        content: "";
        width: 100%;
        height: 2px;
        background: #2b9301;
        position: absolute;
        left: 0;
        transition: transform .2s linear,top .2s linear .3s;
    }
    .icon_menu:after {
        top: 16px;
    }

    .slider-wrapper {
        float: initial;
        width: 100%;
        margin-left: -7px;
        margin-top: 68px;
    }

    .booking {
        width: auto;
        border: 1px solid #ccc;
        padding: 1px;
        height: 350px;
        position: relative;
        top: 5px;
        left: 21px;
        margin-top: 60px;
    }

    #main-banner .booking {
        width: 100%;
        position: static;
        height: 100%;
        border: none;
        top: auto;
        left: auto;
        margin: 0;
        float: none;
        /* margin-left: -8px; */
        /* margin-right: -8px; */
    }

    #main-banner .booking > a {
        display: block;
    }

    .banner-see-more {
        position: absolute;
        bottom: 0;
        height: 100px;
        line-height: 175px;
        background: rgba(0, 0, 0, 0.5);
        width: 100%;
        text-align: center;
        color: rgba(255, 255, 255, 0.9);
        font-weight: 600;
        text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.7);
        background: linear-gradient(to top,
        rgba(0, 0, 0, 0.62) 80%,
        rgba(0, 0, 0, 0.01) 20%
        );
        background: linear-gradient(180deg,hsla(0,0%,100%,0) 20%,rgba(0, 0, 0, 0.4));
    }


    #main-banner .booking > a > img {
        width: 100%;
        height: auto;
    }

    .booking__text {
        right: initial;
        left: 13px;
    }

    .slider-wrapper {
        display: none;
    }

    div.module-tour {
        width: 100%!important;
        margin-top: 20px;
        box-shadow: none;
        border: 0;
    }

    div.module-tour h2.title-tour, div.block-service div.block-title h2 {
        background: #fff;
        text-indent: 0;
        border: 0;
        font-size: 18px;
        text-shadow: none;
        margin: 8px 0;
    }

    div.block-service div.block-title {
        margin-top: 15px
    }


    div.module-tour h2.title-tour a, div.module-tour h2.title-tour a:link, div.block-service div.block-title h2 a {
        font-size: 22px;
        text-transform: none;
        font-weight: 600;
    }


    div.module-tour h2.title-tour a.viewmore {
        font-size: 14px !important;
        text-transform: none !important;
        color: #383838;
        font-weight: 400;
        display: none;
    }

    div.module-tour-inside ul.listing li {
        width: 100%;
        height: auto;
        margin-bottom: 12px;
        margin-left: 0;
        /* background: #f7f7f7; */
        border-radius: 12px;
        padding-bottom: 10px;
        box-shadow: 1px 1px 10px #ccc;
        box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
        box-shadow: 0 14px 28px rgba(0, 0, 0, 0.15), 0 10px 10px rgba(0, 0, 0, 0.12);
        -webkit-box-shadow: 0 20px 70px rgba(0, 0, 0, 0.55);
        -moz-box-shadow: 0 20px 70px rgba(0, 0, 0, 0.55);
        box-shadow: 0 20px 70px rgba(0, 0, 0, 0.55);
        box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
        border: 1px solid #e8e8e8;
    }

    div.module-tour-inside ul.listing li:last-child {
        margin-bottom: 0;
    }

    div.module-tour-inside ul.listing li > p:not(.price) {
        width: 100%;
        float: none;
    }


    div.module-tour-inside ul.listing li > p.price {
        width: 100%;
        float: none;
        margin-top: 5px;
        font-size: 18px;
    }

    div.module-tour-inside ul.listing li > p.price span {
        font-size: 14px;
        /* display: block; */
        line-height: 1;
        display: inline;
    }

    div.module-tour-inside ul.listing li > p:not(.price) > .pic-tour {
        display: block;
    }

    div.module-tour-inside ul.listing li .pic-tour img {
        width: 100%;
        height: auto;
        padding: 0;
        border-radius: 12px 12px 0 0;
        border: none;
    }

    div.module-tour-inside ul.listing li h4 {
        text-align: center;
        /* width: 100%; */
        line-height: 24px;
        padding: 0;
        padding: 5px;
    }


    div.module-tour-inside ul.listing li h4 a {
        text-align: left;
        font-size: 16px !important;
        /* margin-left: 10px; */
        /* font-weight: 600; */
        /* text-transform: uppercase; */
    }

    #home-left {
        width: 100%;
    }

    #home-middle {
        width: 100%;
    }

    #home-right {
        width: 100%;
        padding-left: 25%;
        float: initial;
        float: none;
        padding-top: 60px;
        clear: both;
    }

    #footer, .lFooter {
        width: 100%;
    }

    .lFooter {
        height: auto;
        background-color: #ffffff;
        border-bottom: 1px solid #e6e6e6;
    }

    .blkft.fleft {
        width: 100%;
    }

    .lstfooter {
        display: inline-block;
        border: none;
        height: 0 !important;
        padding: 0 !important;
        width: auto;
    }

    p.fcopy {
        width: 98%;
        background: #fff;
        padding-top: 10px;
        padding-bottom: 20px;
        padding: 10px;
    }

    .breadcrumb {
        width: 100%;
        margin-top: 0;
        float: none;
        margin: 0;
        padding: 5px 10px;
        font-size: 11px !important;
        height: auto;
        background: #f9f9f9;
        border-radius: 0;
        /* width: 100%; */
        border: none;
    }

    .breadcrumb span {
        font-size: 11px;
    }

    .breadcrumb span a {
        font-size: 11px;
        background-position: right 5px;
        background-size: 4px;
    }

    #left {
        width: 100%;
    }

    #sidebar {
        width: calc(100% - 20px);
        margin: 0 10px;
        /* text-align: center; */
    }

    #sidebar > a {
        display: block;
        text-align: center;
    }

    div.block-service div.item-fix {
        width: 100%;
        border: none;
        float: none;
        clear: both;
    }


    div.block-service div.item-fix > a {
        display: block;
        float: left;
        width: 40%;
    }

    div.block-service div.item-fix a img {
        width: 100%;
        height: auto;
        border: none;
        border-radius: 10px;
        float: none;
        padding: 0;
        margin: 0;
    }

    div.block-service div.item-fix h3 {float: left;width: 48%;padding-left: 2%;}
    div.block-service div.item-fix h3 a {
        font-size: 16px;
        color: #444;
        text-transform: inherit;
    }

    .locnear p.tit {
        font-size: 16px;
        /*     	background: none; */
        /*     	color: green; */
    }

    .locnear p.tit .aru {
        top: auto;
        bottom: -1px;
    }

    .locnear .listhotel .boundhotel, .most-picked-tours > li > .boundhotel {
        float: none;
        border: none;
        clear: both;
        padding: 0;
    }

    .locnear .listhotel .boundhotel .demoloc a {
        font-size: 14px;
    }

    .locnear.most-viewed-tours .avar, .most-picked-tours > li > div > .avar {
        float: left;
        width: 40%;
        margin: 0;
    }

    .locnear.most-viewed-tours .demoloc, .most-picked-tours > li > div > .demohotel {
        float: right;
        width: 57%;
        clear: right;
        margin-top: -4px;
    }


    .locnear.most-viewed-tours .demoloc p, .most-picked-tours > li > div > .demohotel p {
        margin-top: 4px;
        font-size: 16px;
    }

    .locnear.most-viewed-tours .avar img, .most-picked-tours > li > div > .avar img {
        float: left;
        width: 100%;
        height: auto;
        border-radius: 8px;
        min-height: 80px;
    }
    .locnear.most-viewed-tours ul {
        border: none;
        box-shadow: none;
    }
    .locnear.most-viewed-tours ul li, .most-picked-tours > li {
        height: auto !important;
        clear: both;
        padding: 12px 0;
        /* height: 90% !important; */
        /* display: block; */
        float: left;
        width: 100%;
        /* margin-bottom: 10px; */
        position: static;
        clear: left;
    }

    .locnear.most-viewed-tours .listhotel .boundhotel .demoloc a, .most-picked-tours > li > div > .demohotel a {
        font-size: 16px;
        /* text-transform: uppercase; */
        line-height: 18px;
        /* margin-top: -4px; */
        line-height: 22px;
        color: #06C;
    }

    .locnear.most-viewed-tours {
        margin-top: 20px;
        margin-bottom: 20px;
    }



    .locnear.most-viewed-tours .tit, .most-picked-tours .titnear {
        background: none;
        color: green;
        font-size: 20px;
        text-indent: 0;
        padding: 0;
    }

    .most-picked-tours .titnear {
        height: auto;
        line-height: 1.4;
        border: none;
    }

    .most-picked-tours .titnear .iconhotel {
        display: none;
    }

    #content #detail {
        padding: 16px 0;
    }

    #content #detail #intro img {
        float: none;
        width: 100%;
        height: auto;
        border: none;
        padding: 0;
        border-radius: 10px;
        margin: 0;
    }

    #content #detail #intro h1, div.topic-title h1 {
        font-size: 20px;
        line-height: 26px;
        margin-bottom: 12px;
        text-transform: none;
        text-indent: 0;
        background: none;
    }

    div.topic-title {
        border: 0;
        background: none;
        display: block;
    }

    div.topic-title h1 {
        color: #333;
        border: 0;
        display: inline;
        padding: 0;
    }

    #detail .tour-detail__info {
        border: 1px solid #ffe497;
        border-radius: 8px;
        background: rgba(255, 254, 208, 0.4);
    }

    #detail #intro p {
        font-size: 14px;
        line-height: 1.4;
        /* border: 1px solid #e8e8e8; */
        margin: 5px 0;
        padding: 5px;
        border-radius: 4px;
    }

    #detail #detail-main ul.tab {
        background: none;
        border: 0;
        height: auto;
    }

    #detail #detail-main ul.tab li {
        background: none;
        border: 0;
        float: left;
        width: 33%;
    }

    #detail #detail-main ul.tab li a {
        border: none;
        font-size: 14px;
        color: #444;
        display: block;
        text-align: center;
        border-bottom: none;
        font-weight: 600;
        text-transform: uppercase;
    }

    #detail #detail-main ul.tab li a.active {
        border: none;
        border-bottom: 2px solid;
        font-weight: 600;
    }

    #detail #detail-main div.tab-content {
        border-top: 0;
    }

    #detail #detail-main #tab-1 img, #topic-detail img {
        height: auto;
        width: 100%;
    }

    #sidebar #top-sider > a {
        display: block;
        text-align: center;
        margin-bottom: 10px;
    }

    .view-more-tours {
        text-align: center;
        display: block;
        color: #008000;
        padding: 20px 10px 10px;
        clear: both;
        font-size: 16px;
        font-weight: 600;
        margin-top: 10px;
    }

    /*
     * Category
     */
    div.block div.block-title {
        height: auto;
        border-bottom: 0;
        margin-top: 5px;
        margin-bottom: 5px;
    }

    div.block div.block-title h2 {
        padding-top: 4px;
        text-shadow: none;
        background: none;
        text-indent: 2px;
    }

    div.block div.block-title h2 a {
        font-size: 18px;
    }

    div.tour-item-fix {
        float: none;
        width: calc(100% - 16px);
        border-bottom: 0;
        background: #fff;
        box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
        border: 1px solid #e8e8e8;
        border-radius: 12px;
        margin-bottom: 6px;
        padding: 8px;
        height: auto;
    }

    div.tour-item-fix h3 {
        height: auto;
        margin-bottom: 10px;
        line-height: 1.4;
    }

    div.tour-item-fix h3 a {
        color: #3280f3;
        font-size: 16px;
        line-height: 18px;
        padding: 0;
    }

    div.tour-item-fix > a {
        display: block;
        float: left;
        margin-right: 8px;
        /* width: 40%; */
    }

    div.tour-item-fix > a > img {
        float: none;
        border: none;
        padding: 0;
        margin: 0;
        border-radius: 8px;
        /* width: 100%; */
        /* height: auto; */
    }

    div.tour-item-fix > p {
        line-height: 22px;
        font-size: 16px;
    }

    #detail-main .tab-content table,
    #topic-detail table,
    #related_tours table[align="left"] {
        max-width: 100% !important;
        width: 100% !important;
        /* overflow-x: scroll !important; */
        overflow: scroll !important;
        display: block;
        overflow-x: auto;
        white-space: nowrap;
    }

    #detail-main .tab-content table > thead > td,
    #topic-detail table > thead > td,
    #related_tours table[align="left"] > thead > td,
    #detail-main .tab-content table > tbody > tr > td,
    #related_tours table[align="left"] > tbody > tr > td {
        min-width: 100px !important;
        padding: 5px;
    }

    #detail-main .tab-content table tbody,
    #topic-detail table tbody {
        overflow-x: scroll !important;
    }

    #related_tours > table {
        max-width: 100% !important;
        width: 100% !important;
        margin-bottom: 16px;
        /* border: 1px solid #ccc; */
        /* overflow: hidden; */
        /* padding: 5px; */
        border-radius: 20px;
        background: #ffffff;
        box-shadow: 0px 10px 30px 0px rgba(0, 0, 0, 0.1);
    }

    #related_tours > table > tbody > tr > td {column-span: unset !important;column-count: auto !important;height: auto !important;/* margin-top: 10px; *//* margin: 10px 0; */padding: 8px 11px 0;}

    #related_tours > table > tbody > tr > td h3 a span, #related_tours > table > tbody > tr > td h2 a span {
        font-size: 18px;
        color: #3280f3 !important;
        line-height: 20px;
    }

    #related_tours table > tbody > tr:nth-child(2) {
        width: 40% !important;
        /* padding: 10px; */
    }

    #related_tours table > tbody > tr:nth-child(2) > td:nth-child(1) {width: 40% !important;padding: 8px 0 8px 8px;}

    #related_tours table > tbody > tr:nth-child(2) > td:nth-child(2) {width: 2px !important;display: none;}

    #related_tours table > tbody > tr:nth-child(2) > td:nth-child(3) {width: 55% !important;padding: 2px 8px 8px 10px;}

    #related_tours table > tbody > tr:nth-child(2) > td:nth-child(4) {

    }

    #related_tours table > tbody > tr:nth-child(2) > td:nth-child(1) img {
        width: 100%;
        border-radius: 8px;
        height: auto;
        min-height: 90px;
    }

    #related_tours table > tbody > tr:nth-child(2) > th {
        width: 100vw !important;
        float: right;
        display: none;
        /* display: block; */
    }

    #related_tours > table > tbody > tr > td h3 a {
        color: #3280f3;
    }

    #related_tours table > tbody > tr:nth-child(2) > td:nth-child(3) span {
        /* color: #333 !important; */
    }

    #related_tours table > tbody > tr:nth-child(2) > td:nth-child(3) strong, #related_tours table > tbody > tr:nth-child(2) > td:nth-child(3) span {
        /* color: red !important; */
        font-family: inherit !important;
    }

    #related_tours > table > tbody > tr > td > h3, #related_tours > table > tbody > tr > td > h2 {
        padding: 8px 8px 0;
    }

    #related_tours table > tbody > tr:nth-child(2) > td:nth-child(3) > span, #related_tours table > tbody > tr:nth-child(2) > td:nth-child(3) > p > span {
        color: #333 !important;
    }

    #related_tours table > tbody > tr:nth-child(2) > td:nth-child(3) > span > strong > span {
        color: #c30827 !important;
        display: inline-block;
        /* padding-left: 4px; */
    }

    #related_tours table > tbody > tr:nth-child(2) > td:nth-child(3) > p:nth-child(3) > strong span {
        color: #333 !important;
    }

    #related_tours table > tbody > tr:nth-child(2) > td:nth-child(3) > p:nth-child(3) span, #related_tours table > tbody > tr:nth-child(2) > td:nth-child(3) > p:nth-child(3) strong {
        color: #c30827 !important;
    }

    #footer .tfooter {
        font-size: 16px;
        color: green;
        margin-top: 12px;
    }

    .lstfooter li a {
        font-size: 14px;
        color: #333 !important;
    }

    #footer {
        margin-top: 10px;
        clear: both;
    }

    .lstfooter li {
        font-size: 14px;
        color: #333 !important;
    }

    p.fcopy strong {
        display: block;
        color: green;
        font-size: 14px;
        line-height: 20px;
    }

    p.fcopy strong a {
        color: green;
        font-size: 14px;
        line-height: 20px;
    }

    p.fcopy > a {
        color: green;
        font-size: 12px;
    }

    #topic-detail {
        padding-top: 30px;
    }
}



.embed-container {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}