/* 01 RESET */


*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body {    overflow: hidden;font:15px/1.42 Arial,Helvetica,sans-serif;text-align:center;color:#191F26;background:#fff;word-wrap:break-word;text-rendering:optimizeLegibility;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,address,cite,code,del,dfn,em,img,ins,q,small,strong,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,table,caption,tbody,tfoot,thead,tr,th,td,figure{border:0;margin:0;padding:0}
html {overflow-y: scroll;-webkit-text-size-adjust:auto;-webkit-overflow-scrolling: touch;}

img,fieldset,abbr,acronym{border:0;}
article,aside,figure,figcaption,hgroup,footer,header,nav,section,video,object{display:block;}
audio,canvas,progress,video {display: inline-block;vertical-align: baseline;}

img 			{border:0;max-width:100%;vertical-align:middle;}
figure		{position:relative;}
figure img 	{display:block;}

input,button,select,textarea {font-family: inherit;font-size: inherit;line-height: inherit;}

/* 02 GLOBAL STYLES */

ul 				{margin:0 0 20px;}
ul > li	  		{list-style:none;position:relative;padding:0 0 10px 15px;}
ul ul 				{margin:10px 0 -10px 2px;}
ul ul li:before		{content:"\00af";font-size:25px;top:0;left:-2px;} 			
ol				{margin:0 0 20px 25px;}
ol li 	  			{list-style:decimal outside;padding:0 0 10px 5px;}
ol ol 			{margin:10px 0 -10px 15px;}
nav ul 			{margin:0;}
nav li:before 		{display:none;}

p {padding:0 0 17px;}

a 					{text-decoration:none;-webkit-transition:all 0.2s ease-in;-moz-transition:all 0.2s ease-in;-o-transition:all 0.2s ease-in;-ms-transition:all 0.2s ease-in;transition:all 0.2s ease-in;}
a:active,a:hover 	{outline: 0;}

.color ::-moz-selection,.color::-moz-selection	{background:#191F26;}
.color ::selection,.color::selection				{background:#191F26;}

.left 		{float:left !important;}
.right 		{float:right !important;}
.center,
.center .wrap	{text-align:center;}

/* 03 TYPOGRAPHY */
h1,h2,h3,h4,h5,h6,.header,.intro,label,input,textarea,select,table,dl,option,optgroup,.selector,.btn,.f-title,.pager,.contact-data,.categories,.meta,.tabs,.price,.trigger,.close,.output,.xdsoft_datetimepicker,.slicknav_menu,.readonly .f-row,.infoBox, #message,.history > div		 {font-family: 'Montserrat', sans-serif;font-weight:400;}

h1 {font-size:24px;}
h2 {font-size:24px;padding:0 0 28px;}
h3 {font-size:19px;padding:0 0 15px;}
h4 {font-size:17px;padding:0 0 15px;}
h5 {font-size:15px;padding:0 0 15px;}
h6 {font-size:17px;text-transform:uppercase;padding:0 0 23px;}

/* 04 COLOR SPECIFICS */       
.black	{background-color:#191F26 !important;}
.grey	{background-color:#34394A !important;}
.grey-light	{background-color:#f9f9f9 !important;}
.white 	{background-color:#fff !important;}

/* 05 LAYOUT */
.wrap 		{margin:0 auto;width:1180px;text-align:left;position:relative;max-width:94%;display:inline-block;}
.row		{margin:0 -15px;}

.full-width 	 	{float:left;width:100%;padding:0 15px 30px;max-width:100%;}
.three-fourth 	{float:left;width:75%;padding:0 15px 30px;max-width:100%;}
.one-half		{float:left;width:50%;padding:0 15px 30px;max-width:100%;}
.one-third 		{float:left;width:33.33%;padding:0 15px 30px;max-width:100%;}
.two-third 		{float:left;width:66.66%;padding:0 15px 30px;max-width:100%;}
.one-fourth 		{float:left;width:25%;padding:0 15px 30px;max-width:100%;}
.one-fifth 		{float:left;width:20%;padding:0 15px 30px;max-width:100%;}
.one-sixth 		{float:left;width:16.66%;padding:0 15px 30px;max-width:100%;}

.row:before, 
.row:after  			{content: "";display:table;}
.row:after 			{clear: both;}

/* 06 BUTTONS */
.btn 		{border:none;text-transform:uppercase;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;color:#fff !important;display:inline-block;text-align:center;max-width:100%;}
.btn.small 	{font-size:12px;padding:8px 14px;}
.btn.medium 	{font-size:15px;padding:11px 20px;min-width:142px;}
.btn.large	{font-size:17px;width:200px;height:54px;line-height:54px;padding:0 14px;}
.btn.huge 	{font-size:20px;width:270px;height:70px;line-height:70px;padding:0 14px;}

.btn.white 	{color:#191F26 !important;}
.btn.full 	{width:100%;}
.btn.color:hover,.btn.color:focus,.btn.white:hover,.btn.white:focus {background:#191F26 !important;color:#fff !important;}
.btn.black:hover,.btn.black:focus,.cta .btn:hover,.cta .btn:focus 	{background:#fff !important;color:#191F26 !important;}

.more 				{font-weight:600;padding-top:2px;display:inline-block;position:relative;text-decoration:none;}
.more:after 			{content:"";position:absolute;left:0;bottom:-3px;opacity:0;-ms-opacity:0;width:0;}
.more:hover:after,
.more:focus:after 		{opacity:1;-ms-opacity:1;width:100%;}

.back {background:#858585;}

/* 07 ICONS */
.ico 		{display:inline-block;overflow:hidden;vertical-align:middle;background-image:url(http://huetouristvietnam.com/html-tree/images/icons.png);background-repeat:no-repeat;background-color:transparent !important;}
.phone 			{width:29px;height:24px;margin-top:-1px;}
.phone.black 	{background-position:0 0;}
.email 			{width:29px;height:19px;}
.email.black 	{background-position:-31px -4px;}

.circle		{float:left;width:88px;height:88px;border:1px solid #191F26;margin:0 20px 30px 0;-webkit-border-radius:45px;-moz-border-radius:45px;border-radius:45px;text-align:center;line-height:90px;}
.circle .ico {height:40px;}
.heart		{background-position:0 -53px;width:38px;}
.wand		{background-position:-40px -53px;width:35px;}
.lock		{background-position:-80px -53px;width:27px;}
.award		{background-position:0 -93px;width:38px;}
.pig		{background-position:-40px -93px;width:38px;}
.shuttle	{background-position:-80px -93px;width:36px;}
.wallet 		{background-position:0 -135px;width:35px;}
.clip		{background-position:-40px -135px;width:21px;}
.telephone	{background-position:-80px -135px;width:25px;}
.people		{width:35px;height:40px;}
.luggage	{width:35px;height:40px;}
.time		{width:33px;height:40px;}

body.home {
    width: 1000px;
    margin: 0 auto;
}
.tree-box{
    position: relative;
    z-index: 1;
}
.img-aluoi{
        width: 132px;
    height: 132px;
    position: absolute;
    background: #ffffff;
    top: 59px;
    left: 460px;
    padding: 4px;
    border-radius: 100%;
    border: 4px solid #2b8409;
}
.img-namdong{
        width: 94px;
    height: 94px;
    position: absolute;
    background: #ffffff;
    top: 181px;
    left: 353px;
    padding: 4px;
    border-radius: 100%;
    border: 4px solid #2b8409;
}
.img-thuybieu{
        width: 109px;
    height: 109px;
    position: absolute;
    background: #ffffff;
    top: 183px;
    left: 596px;
    padding: 4px;
    border-radius: 100%;
    border: 4px solid #2b8409;
}
.img-hue{
        width: 125px;
    height: 125px;
    position: absolute;
    background: #ffffff;
    top: 288px;
    left: 280px;
    padding: 4px;
    border-radius: 100%;
    border: 4px solid #2b8409;
}
.img-trip{
        width: 103px;
    height: 103px;
    position: absolute;
    background: #ffffff;
    top: 301px;
    left: 651px;
    padding: 4px;
    border-radius: 100%;
    border: 4px solid #2b8409;
}
.img-lagoon{
        width: 106px;
    height: 106px;
    position: absolute;
    background: #ffffff;
    top: 427px;
    left: 629px;
    padding: 4px;
    border-radius: 100%;
    border: 4px solid #2b8409;
}
.img-tamgiang{
        width: 85px;
    height: 85px;
    position: absolute;
    background: #ffffff;
    top: 482px;
    left: 283px;
    padding: 4px;
    border-radius: 100%;
    border: 4px solid #2b8409;
}
.link-local a{
    display: block;
    position: absolute;
}
.link-local a.namdong{
        width: 129px;
    height: 22px;
    top: 105px;
    left: 36px;
}
.link-local a.aluoi{
    width: 87px;
    height: 22px;
    top: 18px;
    left: 409px;
}
.link-local a.thuybieu{
    width: 215px;
    height: 43px;
    top: 156px;
    left: 733px;
}
.link-local a.hue{
    width: 190px;
    height: 18px;
top: 288px;
    left: 20px;
}
.link-local a.tamgiang{
        width: 279px;
    height: 21px;
    top: 550px;
    left: 17px;
}
.link-local a.trip{
    width: 215px;
    height: 67px;
    top: 317px;
    left: 766px;
}
.link-local a.lagoon{
    width: 215px;
    height: 47px;
    top: 520px;
    left: 730px;
}




.tree-box div:hover{
    border: 4px solid #f00   ;
}

.tree-box div img {
  max-width: 100%;
  
  -moz-transition: all 0.3s;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.tree-box div:hover img {
  -moz-transform: scale(1.1);
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

/* 26 Responsiveness */
@media screen and (min-width: 1367px){
    .slider img {
        width: 100%;
        height: 100%;

    }
}
@media screen and (max-width: 1200px) {
#bx-pager img{
	width: 85%;
}
.wrap 	{width:94%;}

.main-nav ul > li {padding-left:25px;}

.hentry .entry-content p {height:47px;overflow:hidden;}
.single .entry-content p {height:auto;}
.advanced-search .form-group.spinner		{width:45%;}
.advanced-search .form-group.spinner label {width:auto;line-height:47px;padding:0 30px 0 0;}
.advanced-search .form-group.spinner input {width:16%;float:left;}
.advanced-search .form-group.radios		{padding-left:0;width:30%;}
.advanced-search .form-group.right 		{width:25%;padding:0;}
.form-group.radios > div:last-of-type	{float:left;padding-left:30px;}

.services.iconic .one-third		{width:50%;}

.result .one-fourth:first-of-type 	{width:25%;}
.result .one-fourth 	{width:25%;}
.result .one-half 	{width:50%;}

.main-nav li > div  {width:100% !important;}

.tab-content .one-fourth	 {width:50%;}
}

@media screen and (max-width: 1040px) {
#bx-pager img{
	width: 70%;
}
.header			{height:auto;min-height:80px;}
.header .wrap	{height:auto;}
.logo			{float:left;width:100%;display:block;padding:15px 0;}
.main-nav 		{float:left;width:100%;border-top:1px solid #dfdfd0;padding:15px 0;}
.main-nav ul > li 	{padding:0 25px 0 0;}


.advanced-search .form-group.spinner,
.advanced-search .form-group.radios	 {width:66.6667%;}
.advanced-search .form-group.radios 	{padding-top:20px;}
.advanced-search .form-group.right	{width:33.3333%;}

.result {position:relative;}
.result .one-fourth:first-of-type 	{width:50%;left:0;top:0;overflow:hidden;}
.result .one-fourth 					{width:50%;position:absolute;top:60px;left:50%;height:auto !important;}
.result .one-fourth > div				{padding:41px 30px 34px;border-bottom:1px solid #dfdfd0;}
.result .one-half					{float:right;width:50%;margin-top:180px; height:auto !important;position:relative;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
.result .one-half h3					{position:absolute;top:-180px;}

.result .price, .result .meta 		{float:left;}
.result .meta 						{padding:19px 10px 0;}
.result .btn 						{margin-top:0;position:absolute;top:-20px;left:-92.5%;width:86%;}

.single .entry-featured,
.keyvisual 					{height:auto !important;}
.single .entry-featured img,
.keyvisual img			 	{position:static !important;width:100% !important;}

.copy p,
.foot-nav		{max-width:100%;width:100%;float:left;text-align:center;}
.foot-nav li 		{padding:0 24px 15px 0;display:inline-block;float:none;}

.home .boxed .one-fourth	 {width:50%;}
}


@media screen and (max-width: 980px) {
.home-banner-section #bx-pager{
	width: auto;
	top: 85%;
	height: 60px;
}
.main_content {
    padding: 15px;
    top: -25px;
}
.main_content div:last-child{
	clear: both;
}
.home-banner-section .bxslider li .slider-cation strong {
    font-size: 16px;
    }
   .home-banner-section .bxslider li .slider-cation p {
    max-width: 50%;
    font-size: 12px;
}
.home-banner-section .bxslider li.libanner4 .slider-cation {
    left: 27%;
    text-align: center;
    width: 25%;
}
.home-banner-section .bxslider li .slider-cation a {
    padding: 8px 10px;
    color: #fff;
    font-size: 10px;
}
.nav_menu{
	display: none;
}
.mob-nav-icon{
	display: block;
}
.wrap {width:92%;}

.full-width{
	width: 100%;
} 	 	
.three-fourth, 	
.one-half,		
.one-third, 		
.two-third, 		
.one-fourth, 		
.one-fifth, 		
.one-sixth {width:50%;}

.header .wrap	{width:100%;max-width:100%;display:block;}
.main-nav 		{display:none;}
.slicknav_menu 	{display:block;}
.logo 			{position:absolute;top:0;left:4%;display:block;width:auto;}

.sidebar {padding-bottom:0;}

.f-row	{padding:0;}
.f-row .full-width,.f-row .one-half, .f-row .one-third, .f-row .one-fourth, .f-row .one-fifth, .f-row .one-sixth 	{padding:0 0 25px;}

.sidebar .widget,
.tabs li 					{width:100% !important;margin-right:0;}
.tabs li:first-child a		{-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}
.categories li:after,
.tabs li.active a:after	{display:none;}
.tabs li 					{border-right:none;border-bottom:1px solid rgba(0, 0, 0,.3);}

.footer article					{min-height:100%;}
.footer .one-half 				{padding-bottom:13px;margin-bottom:30px;width:100%;border-bottom:1px solid rgba(0,0,0,.5);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.07);-moz-box-shadow:0 1px 0 rgba(255,255,255,.07);box-shadow:0 1px 0 rgba(255,255,255,.07);}
.footer .one-fourth				{width:50%;}

.hentry .entry-featured,
.hentry .entry-content 		{width:100%;}
.hentry .entry-content p 		{height:auto;}
.hentry .entry-featured img 	{-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;}


.advanced-search .form-group.spinner,
.advanced-search .form-group.radios	{width:100%;padding:0 0 30px;float:right;}
.advanced-search .form-group.right	{width:100%;padding:0 0 30px;float:left;}

.cta		{padding:30px 0;}
.cta .wrap 	{text-align:center;}
.cta p 		{display:inline-block;width:100%;padding:0;}
.cta .btn 	{margin:20px auto 0;float:none!important;}

.testimonials p {padding:0 5% 30px;}

.actions		{margin:0;}
.actions .btn 	{width:47.5%;margin:0 4% 30px 0;}
.actions .btn:nth-child(2n) {margin-right:0;}

.intro .actions .btn {width:auto;}

.result .one-fourth,
.result .one-half 			{width:100%;position:relative;top:0;left:0;height:auto;margin:0;}
.result .one-fourth:first-of-type 	{width:100%;text-align:center;}
.result .one-fourth:first-of-type img {margin:0 auto;max-width:99%;}
.result .one-half 			{border-bottom:1px solid #dfdfd0;}
.result .one-half h3			{position:relative;top:0;}
.result .one-fourth > div		{padding:25px 30px 20px;border-bottom:none;}
.result .price 				{padding-top:5px;}
.result .meta				{padding-top:24px;}
.result .btn 				{position:static;top:0;left:0;float:right;width:33.3333%;}

.site-title .container 	{height:auto;display:inline-block;padding:0 0 27px;}
.site-title h1			{float:left;width:100%;padding:27px 0 0;}
.breadcrumbs 			{float:left;width:100%;padding:0;}

.microlocations .one-fourth	 {width:50%;}

.readonly .one-fourth		{width:33.3333%;}
.readonly .three-fourth		{width:66.6667%;}

.gmap {height:300px;}
}

@media screen and (max-width: 800px) {
/*** page category***/
.category_page .one-fourth{
    width: 100%;
}
.right_cat_iterm{
    width: 100%;
}
.iterm_cats .one-fourth{
    width: 30%;
}
.iterm_cats .three-fourth{
    width: 70%;
}
.tabs_content_detail .tab_top li {
    float: none;
    margin: 3px 30px;
    border: 1px solid #C2C2C2;
    text-align: center;
    font-weight: bold;
    padding: 0;
    width: auto;
}
.tabs_content_detail .tab_top{
    padding: 0;
}
.home .services .one-third,
.home .services .one-fourth,
.footer .one-fourth		{width:100%;}

.footer					{min-height:100%;padding:0;}
.footer .wrap 			{text-align:center;}
.footer article 			{padding:35px 15px 20px;margin:0;border-bottom:1px solid rgba(0,0,0,.5);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.07);-moz-box-shadow:0 1px 0 rgba(255,255,255,.07);box-shadow:0 1px 0 rgba(255,255,255,.07);}

.animated {-webkit-animation-duration: 0s;animation-duration: 0s;}
.intro .textwidget 				{padding-top:40%;}

.gmap {height:200px;}
}

@media screen and (max-width: 600px) {
.iterm_cats .one-fourth{
    width: 100%;
    text-align: center;
}
.iterm_cats .three-fourth{
    width: 100%;
}


.result .btn 					{width:100%;margin-top:25px;}
.microlocations .one-fourth,
.tab-content .one-fourth,
.readonly .one-fourth,
.readonly .three-fourth			{width:100%;}
.readonly .one-fourth 			{padding-bottom:0;}
.preloader {left:30%;}

.twoway .wrap div 				{width:100%;padding:0 0 15px;margin:0 0 20px;border-bottom:1px solid rgba(0,0,0,.15);-webkit-box-shadow:0 1px 0 rgba(255,255,255,.3);-moz-box-shadow:0 1px 0 rgba(255,255,255,.3);box-shadow:0 1px 0 rgba(255,255,255,.3);}
.twoway .wrap div:last-child 		{padding:0;margin:0;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}
}

@media screen and (max-width: 500px) {
.intro .textwidget 	{padding-top:50%;}
.intro .textwidget h1 {font-size:45px;}
.intro .textwidget h2 {font-size:17px;}
.intro .btn.large	{font-size:14px;width:46%;margin:0 1%;}
.advanced-search .form-group.spinner input {width:100%;}

.gmap {height:150px;}
}

@media screen and (max-width: 400px) {
.category_page {
    margin-top: 20px;

}
.xemthem {
    background: #84c547;
    color: #fff;
    text-transform: uppercase;
    padding: 10px 20px;
    margin-left: 0;
    display: block;
    float: none;
    margin-bottom: 20px;
    text-align: center;
}
.category_page hr {
    margin-right: 0;
    margin-left: 0;

}
.category_page .one-fourth, .category_page .three-fourth{
    padding: 0;
}
    .sp_lienquan div.one-third{
        background: #fff;
        margin-bottom: 20px;
    }
    .tab_content {
    padding: 40px 15px;
    overflow: hidden;
}
    .detail_sp .one-half{
    padding: 0;
}
.detail_sp{
    margin-top: 20px;
}
.detail_sp_content h4 {
    font-size: 25px;
    }
.detail_sp_content p{
    font-size: 14px;
}
.tabs_content_detail {
    clear: both;
    padding: 0px;
    }
.tabs_content_detail .tab_top{
    padding: 0;
}
.tabs_content_detail .tab_top li {
    float: none;
    margin: 2px 5px;
    border: 1px solid #C2C2C2;
    text-align: center;
    font-weight: bold;
    padding: 0;
    width: auto;
}


	.home-banner-section #bx-pager {
    width: 100%;
top: 85%;
height: 60px;
left: 0;
text-align: center;
right: 0;
}
#bx-pager img {
    width: auto;
}
.home-banner-section .bxslider li .slider-cation {
    position: absolute;
    top: 25% !important;
    left: 0;
    width: 91%;
    float: none;
    }
   .home-banner-section .bxslider li .slider-cation a {
    padding: 3px;
}
.home-banner-section .bxslider li .slider-cation strong {
    font-size: 13px;
}
.main_content .one-third ul {
    margin-bottom: 0;
}
.bottom_fixed .hotline {
    float: left;
    padding-left: 0px;
}
.right_bt {
    float: right;
    margin-right: 0px;
}
.bottom_fixed .hotline p {
    padding-left: 32px;
    display: block;
    background: url('http://huetouristvietnam.com/html-tree/images/icon-hotline.png') no-repeat 0 7px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-weight: bold;
    color: #555;
    background-size: 30px;
    font-size: 14px;
}
.right_bt a {
    margin-right: 0px;
}
.link_websales {

    padding-right: 9px;
}

.three-fourth, .one-half, .one-third, .two-third, .one-fourth, .one-fifth, .one-sixth {
    width: 100%;
}
.main_content {
    padding: 10px 0px;
    top: -25px;
}
.header {
    padding: 20px 10px;
    }
.home-banner-section .bxslider li .slider-cation p {
    display: none;
    }
.home-banner-section #bx-pager a {
    width: 55px;
    display: inline-block;
    float: none;
}
.intro .textwidget h1 {font-size:40px;}
.intro .btn.large	{width:100%;margin:0 0 15px;}
p.about_tour.sologan {
    font-size: 21px !important;
    padding: 33px 0;
    text-align: left !important;
}
}