/* font */
@font-face {
  font-family: "lato";
  src: url("../fonts/lato-regular.eot");
  src: url("../fonts/lato-regular.eot?#iefix&v=4.5.0") format("embedded-opentype"), 
  url("../fonts/lato-regular.woff2") format("woff2"), 
  url("../fonts/lato-regular.woff") format("woff"), 
  url("../fonts/lato-regular.ttf") format("truetype"), 
  url("../fonts/lato-regular.svg#latoregular") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "lato-bold";
  src: url("../fonts/lato-bold.eot");
  src: url("../fonts/lato-bold.eot?#iefix&v=4.5.0") format("embedded-opentype"), 
  url("../fonts/lato-bold.woff2") format("woff2"), 
  url("../fonts/lato-bold.woff") format("woff"), 
  url("../fonts/lato-bold.ttf") format("truetype"), 
  url("../fonts/lato-bold.svg#lato-bold") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "lato-black";
  src: url("../fonts/lato-black.eot");
  src: url("../fonts/lato-black.eot?#iefix&v=4.5.0") format("embedded-opentype"), 
  url("../fonts/lato-black.woff2") format("woff2"), 
  url("../fonts/lato-black.woff") format("woff"), 
  url("../fonts/lato-black.ttf") format("truetype"), 
  url("../fonts/lato-black.svg#lato-black") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "lato-light";
  src: url("../fonts/lato-light.eot");
  src: url("../fonts/lato-light.eot?#iefix&v=4.5.0") format("embedded-opentype"), 
  url("../fonts/lato-light.woff2") format("woff2"), 
  url("../fonts/lato-light.woff") format("woff"), 
  url("../fonts/lato-light.ttf") format("truetype"), 
  url("../fonts/lato-light.svg#lato-light") format("svg");
  font-weight: normal;
  font-style: normal;
}
htm_tag{font-family:"lato";text-transform:none;}
html{font-size: 16px; font-family: "lato", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif"}
.pages{float: left; width: 100%; position: relative; overflow: hidden}
section{float: left; width: 100%; position: relative}
:focus{outline:none}button:focus{outline:none}
:-moz-placeholder{color:#333}
:-ms-input-placeholder{color:#333}
::-webkit-input-placeholder{color:#333}
::-o-input-placeholder{color:#333}
.flex{display: flex;vertical-align: middle;align-items: center;}
.flex-center{display: flex;vertical-align: middle;align-items: center; justify-content: center;}
.flex-right{display: flex;vertical-align: middle;align-items: center; justify-content:flex-end}
.flex-table{display: flex;vertical-align: middle;align-items: center; flex-direction: column}
img{ max-width:100%; border: none}
img.img-responsive{ display:unset}
.card-img{border-radius: 4px}
.hidden{overflow: hidden}
.liststyle-none{list-style-type: none}
a:not([href]):not([tabindex]):focus, a:not([href]):not([tabindex]):hover{color: inherit;text-decoration: none;}
a{color: black; text-decoration: none;cursor: pointer;}a:hover{text-decoration: none; color: #ff0000;transition: -webkit-all .2s ease;transition: all .2s ease;transition: all .2s ease,-webkit-all .2s ease;}
p{line-height: 1.3;font-family: Arial, "sans-serif";margin-bottom: 10px;}
.title{margin: 0; color: black; font-size: 1.4rem; font-weight: 300; text-transform: uppercase}
.container-fluid{position: relative;z-index: 1}
.hide{display:none}
/*header*/
.menu header{z-index: 99}
.menu-fixtop.compressed{
	position: fixed; z-index: 999; top: 0; left: 0; width: 100%;
	background: rgba(20,110,180,1);
	background: -moz-linear-gradient(left, rgba(17, 113, 184,1) 0%, rgba(20,110,180,1) 100%);	
	background: -webkit-gradient(left top, right top, color-stop(0%, rgba(17, 113, 184,1)), color-stop(100%, rgba(20,110,180,1)));
	background: -webkit-linear-gradient(left, rgba(17, 113, 184,1) 0%, rgba(20,110,180,1) 100%);
	background: -o-linear-gradient(left, rgba(17, 113, 184,1) 0%, rgba(20,110,180,1) 100%);
	background: -ms-linear-gradient(left, rgba(17, 113, 184,1) 0%, rgba(20,110,180,1) 100%);
	background: linear-gradient(to right, rgba(17, 113, 184,1) 0%, rgba(20,110,180,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#18ac82", endColorstr="#b2d061", GradientType=1 );}
.menu .container-fluid{padding-left: 15px!important; padding-right: 15px !important}
header{background: #1171b8;overflow: unset}
.logo{position: relative}.logo_band{position:absolute; z-index: 2;left:0; background: #fff;width: 100%; height: 100%; display: flex; justify-content: flex-end; align-items: center }.logo_band img{margin-right: 5%;}
.menu-top-left,.menu-top-right{margin-bottom: 0}.menu-top-left{padding: 15px 0}.menu-top-right{display: flex; justify-content: center; align-items: center}
.menu-top-left li{float: left; list-style-type: none; border-right: 1px solid rgba(255,255,255,.5);line-height: 1}.menu-top-left li:last-child{border: 0}
.menu-top-right li{float: left; list-style-type: none; margin-left: 10px; padding: 7px 30px}
.menu-top-right a{ float: left;background:rgba(255,255,255,.0);border-radius:100%;margin: 0 7px; padding: 1px 1px 2px;-webkit-transition: background-color 0.2s linear;-ms-transition: background-color 0.2s linear;transition: background-color 0.2s linear;}.menu-top-right a:hover{background: #fff}
.menu-top-right .hotline-t a{color:#fff; float: left;background:none;border-radius:none;margin: 0 7px;}.menu-top-right .hotline-t a:hover{background: none}
.menu-top-right img{width: 35px; filter: brightness(0) invert(1)}.menu-top-right a:hover img{width: 35px; filter: brightness(1) invert(0)}
.menu-top-left a{color: white;text-transform: uppercase;font-size: .9rem;font-weight: 500;padding: 7px 15px;}.menu-top-left a:hover{color:#6cfdff}
.hotline-t{background: #f1962b; color: white;padding:15px !important;text-transform: uppercase;font-size: .8rem;line-height: 1; text-align: right}.hotline-t span{font-size: 1.6rem;font-family: "lato-black"}
/*menu*/
.navbar{background: #fff;padding:0;box-shadow: 1px 3px 4px 0 #adadad33;}.navbar-light .navbar-brand {color: #2196F3;background: #fff; padding-left: 15px;}.navbar-light .navbar-nav .nav-link {color: #000;}.navbar-light .navbar-brand:focus, .navbar-light .navbar-brand:hover {color: #1ebdc2;}.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {color: #fff;}
.navbar-light .navbar-nav .nav-link{padding:28px 25px;transition: 0.3s;font-size:1rem; font-family: "lato-bold"; text-transform: uppercase}
.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover{background: #3fadff;transition: 0.3s;}.dropdown-item:focus, .dropdown-item:hover {color: #fff;text-decoration: none;background-color: #3fadff !important;}.sm-menu{border-radius: 0px;border: 0px;top: 97%;box-shadow: rgba(173, 173, 173, 0.5) 1px 3px 4px 0px;}.dropdown-item {color: #3c3c3c;font-size: 14px;float: left}.dropdown-item.active, .dropdown-item:active {color: #fff;text-decoration: none;background-color: #2196F3;}
.navbar-toggler{outline: none !important;z-index: 999; right: 15px; top: 15px; position: fixed; background-color: antiquewhite}.navbar-light .navbar-toggler{border-color: antiquewhite}
.navbar-tog{color: #1ebdc2;}.megamenu-li {position: static;}.megamenu {position: absolute;width:90%;left: 0;right: 0;padding: 15px; z-index: 99}.megamenu h6{margin-left: 21px;font-family: "lato-bold"; color: #1171b8; font-size: 1rem; text-transform: uppercase}.megamenu i{width: 20px;}
.dmenu .border-top{border-top:2px solid #f1962b !important}
.menu-fixtop.compressed .navbar-brand{display: block; width: 200px}
.menu-fixtop.compressed .nav-link{color: white !important}
.menu-m-show,.dropdown-toggle::after{display: none}
.dropdown-item.xemthem{background:none !important; float: left}
/**search**/
.search{position: absolute;top: 50%;left: 50%;transform: translate(-100%,-50%);width: 80px;height: 76px;background: #fff;transition: .5s;overflow: hidden;border-left: 1px solid #cdcdcd}
.search button{float: left;width: 80px;height: 80px;border: 0;background: blanchedalmond;z-index: 99;position: absolute;right: 80px; cursor: pointer;}.search button:hover{background-color: darkorange}
.search.active{width:450px;}.search input{position: absolute;top: 10px;left: 10px;width: calc(100% - 180px);height: 60px;border:none;
outline: none;font-size:1.2rem;padding: 0 10px;color: #666;}
.icon {position: absolute;width: 60px;height: 60px;background:#fff;	top: 10px;right: 10px;cursor: pointer;transition: .5s;}
.search.active .icon{background:#1171b8;}.search.active .icon:before{content: "";position: absolute;top:20px;left: 15px;width: 18px;height: 35px;background: transparent;border:none;border-right:2px solid #fff;border-radius: 0;transition: .5s;transform: rotate(-45deg);}
.search.active .icon:after{content: "";position: absolute;top:10px;left: 13px;width: 18px;height: 35px;background: transparent;border:none;border-right:2px solid #fff;border-radius: 0;transition: .5s;transform: rotate(45deg);}
.icon:before{content: "";position: absolute;top: 20px;left: 20px;width: 14px;height: 14px;background:transparent;border:2px solid #262626;border-radius: 50%;transition: .5s;}
.icon:after{content: "";position: absolute;top: 26px;left: 32px;width: 10px;height: 10px;background:transparent;border-left:2px solid #262626;transform: rotate(-45deg);transition: .5s;}
/**tab search**/
.tabs-search{margin-top: -60px; position: relative; z-index: 1}
.tabs-search .nav-pills .nav-link{border-radius: 0;position: relative;margin-top: 15px;margin-right: 2px;padding:10px 15px 9px 80px;font-size: 1rem;text-decoration: underline;text-transform: uppercase; background-color: rgba(255,255,255,.85);color: #2a5eb5; font-family: "lato-bold"}.tab-max i{position: absolute;z-index: 1;top: -20px;left: 5px;}.tabs-search .nav-pills .nav-link.active,.tabs-search .nav-pills .show>.nav-link{color: black; background: white}
.tab-content{padding: 50px;-webkit-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.18);-moz-box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.18);box-shadow: 0px 10px 30px 0px rgba(0,0,0,0.18);background: white; margin-top: 2px; margin-bottom: 30px}
/**tab trong tab**/
.tabs-search .nav-tabs .nav-link{border-radius:50px;border: 1px solid #f77d24; padding: 7px 25px;color:#f77d24; font-size: 1rem; margin-right: 15px}
.tabs-search .nav-tabs .nav-link.active,.tabs-search .nav-tabs .nav-link:hover{color: white; background:#f77d24 }
.tabs-search .nav-tabs{border: 0;margin-bottom: 30px}
/**form search**/
.form-border{float: left; width: 100%;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.5);border: 1px solid rgba(17,113,186,.5); padding:20px 25px; display: flex;vertical-align: middle;align-items: center;}
.check-select-s{float: left; width:calc(100% - 42px); font-size: .8rem;overflow: hidden;}
.icons-location-marker{float: left; width:20px; height: 20px; background: url(../images/add_search_top_item.jpg) no-repeat; margin-right: 18px}
.icons-calendar-s{float: left; width:28px; height: 24px; background: url("../images/calendar_search_item.jpg") no-repeat; margin-right: 18px}
.check-select-s span{width: 100%; float: left;}
.check-select-s select{border: 0;color: #2d4271!important;font-weight: 700;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; font-size: 1rem;line-height: 28px; width: 100%;-webkit-appearance: none;-moz-appearance: none;appearance: none; background-color: transparent}
/**data time**/
.data-marker input,.data-marker input::placeholder{border:0;border-radius:0;color: #2d4271!important;font-weight: 700;font-size: 1rem;line-height: 28px;}
.ui-widget-header{background-color:#1171b8;color:white}
.ui-state-hover, .ui-widget-content .ui-state-hover{background:#fff9b7}.ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus{border: 1px solid #fff; background: #007bff}
.ui-state-highlight, .ui-widget-content .ui-state-highlight{border: 1px solid #000000;background: #f77d24;color: #ffffff;}
.fade{display: none;transition: -webkit-all .4s linear;transition: all .4s linear;transition: all .4s linear,-webkit-all .4s linear;} .fade.show{display: block}
/**tour**/
.tour-suggestions{padding: 30px 0}
.title{position: relative; z-index: 2;color: #1171b8; font-size: 1.4rem; text-transform: uppercase; margin-bottom: 15px; font-family: "lato-bold"; padding-left: 40px; border-bottom: 5px solid #f77d24; display: inline-block;}
/*.title:before{content: ""; position: absolute; z-index: -1; bottom: 0; left:40px; width:78px; height: 10px; background: #f77d24}*/
.title:after{content: ""; position: absolute; z-index: 1; top: 0; left:0px; width:24px; height: 24px; background: url("../images/logo_min.jpg") no-repeat}
.box-tour{float: left; width: 100%; border-radius: 4px; overflow: hidden;-webkit-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);-moz-box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25);box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.25); margin-bottom: 25px; font-size: .9rem}
.img-effect{ float: left; width: 100%; position: relative; overflow: hidden}.img-effect img{transform: scale(1) translateX(0px) rotate(0deg);-moz-transition:0.3s ease-in-out;-webkit-transition:0.3s ease-in-out;-ms-transition:0.3s ease-in-out;transition:0.3s ease-in-out; }.box-tour:hover .img-effect img, .img-effect:hover img{transform: scale(1.1) translateX(10px) rotate(1deg)}
.box-tour .card-img{float: left; width: 100%; position: relative}
.price{font-size: 1.6rem;color: #f77d24;line-height: 1.2; font-family: "lato-bold"}
.card-body-right .price::after { content: ' đ'}
.box-tour .price{position: absolute;z-index: 1;right: 0;background: #fff;padding: 5px 10px;bottom:-15px}
.box-tour .price span{font-size: 0.8rem; text-decoration: line-through;padding: 0px 0 0px 10px;}
.card-text .price span{font-size: 0.8rem; text-decoration: line-through;padding: 0px 0 0px 10px;}
.tabs-type a{color:#fff}
.tabs-type{position: absolute; z-index: 1; top: 0;left:calc(50% - 68px); width: 136px; height: 38px; font-size: .8rem; color: white; text-align: center; font-family: "lato-bold"; line-height: 1.2;; padding: 6px 0; text-transform: uppercase}.tabs-type.cao-cap{background: url("../images/shape-tim.png") no-repeat}.tabs-type.tieu-chuan{background: url("../images/shape-cam.png") no-repeat}.tabs-type.tiet-kiem{background: url("../images/shape-xanh.png") no-repeat}.tabs-type.gia-tot{background: url("../images/shape-do.png") no-repeat}
.box-tour .card-text{border-bottom: 5px solid #f8e0bc; padding: 20px; float: left; width: 100%; background-color: #fff}
.row-road,.time-line,.line-dash,.tour-name,.code-tour,.star-location-tour{float: left; width: 100%}.line-dash{margin: 7px 0; border-top:1px dashed #555 }.tour-name{font-family: "lato-black"; font-size: 1rem; color: #121655; margin-bottom: 10px;-webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; height: 45px;display: block; display: -webkit-box;}
.star-location-tour{margin-bottom: 7px}
.time-clock{margin-left: 15px}.time-clock img,.day img,.number_available img{margin-right: 5px}.day,.time-clock{font-size: .9rem}
.ngaykhac{border-radius:4px; border: 1px solid #217abd; color: #217abd; font-size: .7rem; line-height: 1; background: white; width: 70px; padding: 0 5px}.ngaykhac:hover{background-color:#217abd; color: white}.number_available span{color: red; margin-left: 5px}
.box-tour:hover .card-text{border-bottom: 5px solid #f1962b;}
.suggestions-owl{ margin: 15px 0; background: url("../images/bg_tour_gy.jpg") bottom left; background-size: 100%}
.tour-promotion .number_available span{color:white}
.white{color:white}
.star-location-tour img {width:20px;}
.tour-promotion .box-tour{float: left; width: 100%; border-radius: 0px; overflow: hidden;-webkit-box-shadow:unset;-moz-box-shadow:unset;box-shadow:unset; margin-bottom: 25px}.tour-promotion .box-tour .card-img{border:8px solid #f0f0f0; border-radius: 0}
.tour-promotion .box-tour .card-text{border: 0; color: white}
.gia-tour .price{position: relative; float: left; width: 100%; background-color:transparent; padding: 0; bottom: 0}.gia-tour span{font-size: .8rem}
.tour-promotion .line-dash{border-color: #fff !important}
.tour-promotion .code-tour,.tour-promotion .star-location-tour{padding-left: 15px; margin-bottom: 0;border-left: 1px solid;line-height: 1;}
.price-old{background:#217abd; color: #fff;font-size:1rem; line-height: 1; text-decoration: line-through;border-radius:4px; padding:7px 10px 5px;font-family: "lato-bold";-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.5);}
.tour-promotion .tour-name{color: white}.tour-promotion .tour-name:hover{color:midnightblue}
.promotion-owl .owl-item:nth-child(odd) .box-tour .card-text{ background-color:#f1962b}
.promotion-owl .owl-item:nth-child(even) .box-tour .card-text{ background-color:#1171b8}
/****/
.background-duple{float: left; width: 100%; position: relative; padding: 35px 0}
.background-duple:before,.background-duple:after{content: ""; position: absolute; z-index:0; top: 0; width: 50%; height: 100%; }.background-duple:before{left: 0;background-color:#1171b8}.background-duple:after{right: 0; background-color:#f1962b}
.combo-name{border-radius:4px; background-color:#32b9b6; color: white; padding: 5px 10px; font-size: 1rem; float: left; margin-bottom: 10px}
.row-road{padding: 0}
.travel-img-combo-1{width: 35px}
.combo-elective .card-text{background:#eaf2f9; border-radius: 4px; padding: 15px}
/***/
.tour-all{padding: 50px 0; background-color: #f9f8fe}
.box-tour-effect{float: left; width: 100%; position: relative; overflow: hidden; padding-bottom: 20px;}
.box-tour-effect .card-text{float: left; width: calc(100% - 60px); margin: -60px 30px 0 30px; background: white;padding: 30px;position: relative;transform: translateY(0px);border-radius: 4px;z-index: 1;transition: -webkit-all .2s ease;transition: all .2s ease;transition: all .2s ease,-webkit-all .2s ease;}
.box-tour-effect:hover .card-text{transform: translateY(0px); background: #121b5a; color: white !important; margin:-120px 30px 0 30px;}
.box-tour-effect .code-tour, .box-tour-effect .star-location-tour{-moz-transition: height 1s ease;-webkit-transition: height .2s ease;-o-transition: height .2s ease;transition: height .2s ease; height: 0; overflow: hidden;}
.box-tour-effect:hover .line-dash{border-color: #fff !important}
.box-tour-effect:hover .code-tour, .box-tour-effect:hover .star-location-tour{height:25px}
.box-tour-effect:hover .tour-name{color: white}
.tour-group .box-tour-effect .card-text{width: calc(100% - 30px); margin: -60px 15px 0 15px; padding: 15px;}
.tour-group .box-tour-effect:hover .card-text{margin:-110px 15px 0 15px;}

/*.tour-group .star-img{width:70px}*/
.discover-hongai{padding: 30px 0}
.discover-hongai .card-title{float: left; width: 100%; position: absolute; z-index: 1; top: 0; left: 0; height: 100%; padding: 15%; color: white}.discover-hongai .card-title .title{color: white; margin-bottom: 10%}
.caption-discover .items-fly{max-width:100%}.caption-discover{position: relative; float: left; width: 100%;height: 100%; overflow: hidden; background: url("../images/caption_hg_discover.jpg") no-repeat; background-size: cover}
.box_img_discover{float: left; width: 100%; position: relative; overflow: hidden}.box_img_discover img{height:530px; max-width:unset;transition: -webkit-all .3s ease;transition: all .3s ease;transition: all .3s ease,-webkit-all .3s ease;}.box_img_discover:hover img{transform: translateX(-25%)}
.box_img_discover .card-subtitle{font-size: 1.2rem; font-family: "lato-bold";text-transform: uppercase; }.box_img_discover .caption-text{position: absolute; z-index: 1; left: 15px; bottom: 15px; color: white}.total-tour{text-decoration: underline;}
.bg_discover_ct{background: rgba(248,188,37,1);
background: -moz-linear-gradient(left, rgba(248,188,37,1) 0%, rgba(247,124,37,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(248,188,37,1)), color-stop(100%, rgba(247,124,37,1)));
background: -webkit-linear-gradient(left, rgba(248,188,37,1) 0%, rgba(247,124,37,1) 100%);
background: -o-linear-gradient(left, rgba(248,188,37,1) 0%, rgba(247,124,37,1) 100%);
background: -ms-linear-gradient(left, rgba(248,188,37,1) 0%, rgba(247,124,37,1) 100%);
background: linear-gradient(to right, rgba(248,188,37,1) 0%, rgba(247,124,37,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#f8bc25", endColorstr="#f77c25", GradientType=1 );
width: 100%; height: 100%;float: left}
.tour-type{padding-bottom: 30px}
.box-tour-type{float: left; width: 100%; position: relative; overflow: hidden}
.bg-blue-1{background-color: #5585d8 !important}
.bg-blue-2{background-color: #4fc8cc !important}
.bg-blue-3{background-color: #5c34ee !important}
.bg-pink{background-color: #efa4a8 !important}

.boxservice{border-radius:10px; padding:40px 5px;color:#fff; text-align:center; height:160px}
.boxservice a{color:#fff}
.boxservice:hover{background:#f00}
.boxservice img{width:30px}
.boxservice h3.servicetitle{font-size:1.3rem;text-transform:uppercase; text-align:center; font-weight:bold}
.service{float:left}
.service1{background-color:#0088cf}
.service2{background-color:#f7941e}
.service3{background-color:#f26522}
.service4{background-color:#00aeef}
.carousel-indicators {bottom:10%}
.box-tour-type .card-subtitle{position: absolute;z-index: 1;bottom: 0;left: 0;width: 100%;color: white;padding: 30px;transition: -webkit-all .2s ease;transition: all .2s ease;transition: all .2s ease,-webkit-all .2s ease;}.box-tour-type .card-subtitle p{-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;float: left; width: 100%; display: block;display: -webkit-box;}
.box-tour-type .card-img img{opacity: .2;transition: -webkit-all .2s ease;transition: all .2s ease;transition: all .2s ease,-webkit-all .2s ease;}.box-tour-type:hover .card-img img{opacity: 1; transform: scale(1.1)}
.tag-tour-type{position: absolute; z-index: 2; top: 10%; left:8px}
.tag-item{position: relative; float: left;padding: 15px 25px; text-align: center;color: white; background-color: #f77d24; font-size: 1.6rem;line-height: 1; font-family: "lato-bold";text-transform: uppercase}.tag-item span{font-size: 1.2rem;}
.box-tour-type:hover .card-subtitle{opacity: 0}
.tag-item:before{content: "";position: absolute; z-index: 1; top:-7px; left: 0; width: 0;height: 0;border-bottom: 7px solid #f77d24;border-left: 7px solid transparent;}
/**footer**/
footer{float: left; width: 100%}.logo_footer{width: 300px}
.img-items-f{float: left; width: 70px; height: 70px; display: flex; justify-content: center; align-items: center; border: 2px solid #14559f; border-radius: 100%; position: relative; background-color: #fff}.img-items-f:before{content: ""; position: absolute; z-index: -1; width: 80px; height: 80px; background-color: #cbdaea; border-radius: 100%;}
.information{margin-left: 15px; float: left; width: calc(100% - 85px)}
.hotline span{font-size: 1.6rem; font-family: "lato-black"}
.bg-footer{background-image: url("../images/bg-footer.jpg"); background-size:cover; min-height: 350px; background-repeat: no-repeat; color: white; padding: 70px 60px 40px}
.bg-footer a{color: white;} .bg-footer a:hover{color: red;}
.add_footer li{ margin-bottom: 10px; position: relative; padding-left:30px} .add_footer li i{position: absolute; z-index: 1; left: 0; top: -2px; width: 20px}.add_footer{padding-bottom: 5%}
.add_share li{float: left; margin-right: 10px; border-radius: 100%; width: 46px; height: 46px; border:1px solid #fff; }.add_share li img{filter:brightness(0) invert(1)}.add_share li:hover img{filter: brightness(1) invert(0)}.add_share li:hover{border: 1px solid rgba(255,255,255,.5)}
.coppyright{float: left; width: 100%; padding-left: 40px; margin-top: 10px}
.add-footer{padding-left: 4%}
.menu-bottom{ float:left; width:100%; padding:0; margin:0; border-top: 1px solid #dfdfdf;border-bottom: 1px solid #dfdfdf;}
.menu-bottom li{ list-style-type:none; border-right:1px solid #cdcdcd;padding: 5px; float:left; margin:10px 0; font-size:1rem; text-transform:uppercase;}
.menu-bottom li:last-child{ border:none}.menu-bottom li a:hover{color:#0095da}

/**/
.photo-mobi{display: none}
.wrapper-rightbot {
  position: fixed;
  z-index: 8;
  bottom: 13%;
  right: 0%;
}
.wrapper-rightbot ul {
  list-style: none;
}

.wrapper-rightbot ul li {
    width: 37px;
    height: 37px;
    position: relative;
    background: #00adee;
    margin: 0px 0;
    cursor: pointer;
    border-radius: 0;
    border-bottom: 1px solid #fff;
    
}

.wrapper-rightbot ul li i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 18px;
  color: #fff;
}

.slider {
  content: "";
  position: absolute;
  top: 0;
  right: 37px;
  width: 0px;
  height: 36px;
  background: #f5f5f5;
  border-radius: 0px;
  transition: all 0.5s 0.3s ease;
  display: flex;
    align-items: center;
    justify-content: right;
}

.slider p {
  text-transform: uppercase;
  font-weight: 900;
  color: #f16522;
  text-align: right;
  line-height: normal;
  margin-right: 10px;
  margin-bottom:0;
  opacity: 0;
  transition: all 0.6s ease;
}
.wrapper-rightbot ul li:hover i{color: #f16522;}
.wrapper-rightbot ul li:hover .slider {
  width: 130px;
  transition: all 0.5s ease;
}

.wrapper-rightbot ul li:hover .slider p {
  opacity: 1;
  transition: all 1s 0.2s ease;
}
.fa-chevron-up::before {
  content: "\f077";
}
.fa-zalo {
	width:30px;
	height:30px;
    background: url(../images/icon-zalo.svg) center center no-repeat;
}
.fa-mess {
	width:30px;
	height:30px;
    background: url(../images/icon-facebook.svg) center center no-repeat;
}
.banner{background-color: black}.banner .banner-min{opacity: .5; width: 100%}.banner .card-header{position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center;flex-direction: column}.banner .title{color: white}
.breadcrumb{background: transparent}.breadcrumb a{color: white}.breadcrumb-item+.breadcrumb-item::before{content: ""; background: url("../images/angle_double.png") no-repeat; width: 10px ;height: 10px}.breadcrumb-item.active{color: #dbeeff}.breadcrumb-item{margin-right: 5px}
.search_tour_in{float: left; width: 100%;position: relative; background:#eaf2f9; padding: 15px;border-radius: 4px;}
.search_tour_in .fade{display: none}
.search_tour_in .fade.show{display: block}
.search-row-in{float: left; width: 100%; margin:10px 0}
.search-row-in span{float: left;width: 100%;position: relative;padding-left: 25px;margin-bottom: 5px;font-family: "lato-bold";text-transform: uppercase;color: #01469c;}.search-row-in span i{position: absolute; z-index: 1; left: 0; top: -2px}
input,select{float: left; width: 100%}
.search-row-in select,.search-row-in input{padding: 5px 10px;-webkit-appearance: none;-moz-appearance: none;appearance: none;border: 1px solid #dde4eb; border-radius: 4px;}
.search_tour_in .nav-tabs{display: flex; justify-content: center; align-items: center}
.search_tour_in .nav-tabs .nav-item{margin:0 7px 15px;color: #ffffff;background-color: rgba(247,125,36,.8);border-color: transparent;border-radius: 50px; text-transform: uppercase}
.search_tour_in .nav-tabs .nav-item.show .nav-link,.search_tour_in .nav-tabs .nav-link.active{background-color:rgba(247,125,36,1)}
.link-tour-search-left{float: left; width: 100%; padding: 0; margin-bottom: 0}.link-tour-search-left li{list-style-type: none; width: calc(50% - 10px);float: left}
.link-tour-search-left li a{float: left; width: 100%; border-radius: 4px; background: #fff; color:#01469c; text-align: center; padding: 5px 0; margin-bottom: 5px }.link-tour-search-left li a:hover{color: white; background:#217abd }
.link-tour-search-left li:nth-child(odd){margin:0px 10px 10px 0px}
.link-tour-search-left li:nth-child(even){margin:0px 0px 10px 10px}
.page-link,.page-item:first-child .page-link,.page-item:last-child .page-link{border: 2px solid #dee2e6;margin: 0 5px;border-radius: 100%;height: 50px;width: 50px;color: #999;display: flex;justify-content: center;align-items: center;font-size: 1rem;}
.page-link:hover,.page-item.active .page-link{color: #f77d24;border: 2px solid #f77d24; background-color: antiquewhite}
.tour_blue,.box-yc{float: left; width: 100%; margin-bottom: 30px; background-color: #121655; border-radius: 4px; padding: 30px; font-size: 1rem;color: white}
.hover_effect{float: left; width: 100%; display: flex; justify-content: center; overflow: hidden; border-radius: 4px; margin-bottom: 30px; position: relative}
.hover_effect img{transform: scale(1.1);transition: -webkit-all .2s ease;transition: all .2s ease;transition: all .2s ease,-webkit-all .2s ease;}.hover_effect .card-title{position: absolute; z-index: 1; top: 0; left: 0; width: 100%; text-align: center; color: white; font-size: 1.2rem; opacity: 0;transition: -webkit-all .2s ease;transition: all .2s ease;transition: all .2s ease,-webkit-all .2s ease;}
.hover_effect:hover img{transform: scale(1); opacity: .8}.hover_effect:hover .card-title{opacity: 1; transform: translateY(25px)}
.chuan-imgl img,.video-mask{height: 382px; max-width:unset}.chuan-imgr img{height:175px; max-width:unset}
.video-mask{float: left; width: 100%;overflow: hidden; border-radius:4px }
.tour-title{font-family: "lato-bold"; font-size: 1.2rem; color: white; margin-bottom: 10px}
.video_show p{margin-bottom: 5px}.star{float: left; width: 100%; margin: 10px 0}
.tour_blue .ngaykhac{padding: 10px 12px; width: unset}
.link_blue_button{width:215px; padding-right: 30px}.link_blue_button .button-b{margin-right:unset !important}
.link_share_b ol{border-left: 1px solid #2fadae;border-right: 1px solid #2fadae; float: left; padding:0 5px}
.button-print{padding:0 10px; float: left}
.button-print:hover img{filter:hue-rotate(200deg)}
.link_share_b ol li{float: left;padding:0 5px;}
.link_share_b ol li:hover img{filter:hue-rotate(200deg)}
.lichtrinh{float: left; width: 100%; padding: 30px 0}.row-day{margin-top:15px}
.lichtrinh .card-header{border:0}
.day-number{font-size: 1rem; font-family: "lato-bold"; color: #2f79c4; margin-bottom: 10px; float: left; width: 100%}.day-number span{position: relative; color: white; background: #307cc9; border-radius: 0 4px 4px 0; margin-right: 15px; padding: 5px 15px 5px 40px; height: 30px; float: left; margin-bottom: 5px}.day-number span:before{content: ""; position: absolute; z-index: 1; left: 0;top:0; background: url("../images/icon_calendar_o.png") no-repeat; width: 30px; height: 30px; border-right:1px solid #28a3cd}
.title-note{background: #eee; border-radius: 4px; color: #555; float: left; width: 100%; padding: 7px 15px; margin-bottom: 15px}
.ngaykhkhac{float: left; width: 100%; padding: 30px 0; background-color:#f9f8fe}
.ngaykhkhac table{width: 100%; float: left}.ngaykhkhac table td:nth-child(even){background-color:#f3f1fd}
.text-red{color: red}
.tags{float: left; width: 100%; padding: 45px 0; }
.tags a{position: relative; float: left; margin:0 15px 10px 0; border-radius: 4px 0 0 4px; background-color:#eee;color: white; font-size: .8rem; font-style: italic;color: #1171b8;padding: 3px 10px 4px 15px}.tags a:before,.tags a:after{position: absolute; z-index: 1; content: "";}
.tags a:before{width:6px; height:6px; background-color: white; border-radius: 100%; left: 5px; top:10px;-webkit-box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.3);-moz-box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.3);box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.3);}
.tags a:after{ border-left: 8px solid #eee;  border-top: 13px solid transparent;  border-bottom: 13px solid transparent; right: -8px; top: 0}
.tags a:hover{color:orangered}
.tour-other{float: left; width: 100%;}.tour-other .title{color: white}
.tour-other .owl-carousel .owl-nav button.owl-next, .tour-other .owl-carousel .owl-nav button.owl-prev{background-color: white !important}
.giothieu{padding: 50px 0}

/*hình ảnh*/
.noidungpage,.hinhanh,.video,.danhgia,.lienhe{padding-top: 50px}
.box-photo{float: left; width: 100%; margin-bottom: 30px; border-radius:8px; background-color: #f8f8f8;}.pic-items{float: left; width: 100%; margin-bottom: 30px}
.box-photo .card-header{color: #121655; font-size: 1.2rem; padding: 30px; border: 0; font-family: "lato-bold";line-height: 1}
.box-photo .card-img{overflow: hidden; border-radius:8px; display: flex; justify-content: center;}.box-photo .card-img:nth-child(even){margin: 0 15px}.box-photo .card-img img{max-width: unset; height: 242px;transition: -webkit-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease,-webkit-transform .3s ease;}.box-photo .card-img:hover img{transform: scale(1.1)}
.box-photo .card-img:hover,.video .box-tour:hover{cursor:pointer}
.modal-dialog{max-width: 500px; display: flex; justify-content: center}
.modal-header .close{position:absolute; top:-20px; right:0}
.avata{float: left; width: 130px; height: 130px; overflow: hidden; border-radius: 100%; margin-bottom: 15px}.avata img{width: 100%}
.your-name,.figure-caption,.danhgia .day{float: left; width:100%;}
.your-name{font-family: "lato-bold"; font-size: 1.1rem}.figure-caption{font-family: "lato-bold";color:#1171b8; font-size: 1.4rem; text-transform: uppercase}
.card-text-dg{float: left; width: 100%; border-radius: 4px; background-color: #f5f5f5; padding:30px}
.form-group{float: left; width: 100%}
.from,.input-contact{float: left; width: 100%; padding:7px 15px; margin-bottom: 10px; border-radius: 4px; border: 1px solid #cdcdcd}
.input-hotel{float: left; width: 100%; padding:2px 15px; border-radius: 4px; border: 1px solid #cdcdcd}
from .button-x{border: 0; padding: 7px 35px;cursor: pointer;}
.bg-contact{float: left; width: 100%; padding: 30px; border: 5px solid #fff; background-color: #f9f8fe;-webkit-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1);-moz-box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1);box-shadow: 0px 0px 7px 0px rgba(0,0,0,0.1);color:#111755; margin-bottom: 15px }
.tour-price {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}

.tour-price button {
  width: 36px;
  height: 45px;
  border: 1px solid #E8E8E8;
  background: var(--white);
  font-size: 1.5rem;
  font-weight:bold;
  padding-bottom:5px;
}

.tour-price button:first-child {
  border-radius: 10px 0 0 10px;
}

.tour-price button:last-child {
  border-radius: 0 10px 10px 0;
}

.tour-price input {
  width: 60px;
  height: 45px;
  border: 1px solid #E8E8E8;
  border-left: 0;
  border-right: 0;
  background: var(--white);
  color: var(--color-main);
  text-align: center;
  outline: none;
}

.tour-price input::-webkit-outer-spin-button,
.tour-price input::-webkit-inner-spin-button {
  -webkit-appearance: none;
}

.input-contact{border: 1px solid #cfd9db; margin-bottom: 10%; padding: 10px 15px}
.bg-contact h2{font-family: "lato-bold"; font-size: 1.1rem; color:#111755 }
.box-contact{padding:30px; float: left; width: 100%}
.list-contact{padding: 0; margin-bottom: 15px}.list-contact li{margin: 28px 0;display: flex;justify-items: center;align-items: center; position: relative; line-height: 1}.list-contact li i{float: left; margin-right: 10px; width: 36px; height: 36px; border-radius: 4px; overflow: hidden;-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2);}.list-contact li i img{max-width: unset}
.chitiet span{color:#f87c24;margin-top:5px;border-bottom: 1px solid #f87c24;display: inline-block; text-transform: uppercase; font-size: 1rem}.chitiet:hover span{color: darkblue}
.chitiet{float: left;display: flex;justify-content: center;align-items: center;}.chitiet i{margin-left:5px; margin-top: 5px; transition: -webkit-all .2s ease;transition: all .2s ease;transition: all .2s ease,-webkit-all .2s ease;}.chitiet:hover i{margin-left: 15px}
.tour-name:hover{color:#f87c24}
.box-tin,.tour-other{float: left; width: 100%; margin-bottom: 15px}.tinkhac-owl .box-tin{padding: 15px; background:rgba(255,255,255,1)}
.tuvan{float: left; position: relative; width:180px; margin-bottom: 15px}
.tuvan .card-subtitle{background:#f87c24; border-radius: 4px; padding:2px 15px; color: white; text-align: center; margin-bottom: 5px; text-transform: uppercase; font-size: .8rem}
.tuvan span{border: 1px solid #cdcdcd; color:#f87c24; font-size: 1.6rem;font-family: "lato-bold";float: left;width: 100%;text-align: center;border-radius: 4px;padding: 7px 0 3px;}
.box-yc .tour-name{color: white}.stt-title{line-height: 40px}.stt-fix div{padding-right: 0 !important}
.pagination{margin-bottom: 30px}
.text-black{color: black !important}
.card-body-right{border: 1px solid #cdcdcd; border-radius: 4px; float: left; width: 100%; padding: 30px; color: #121655}.card-body-right .card-header{background-color:transparent;}.list-flight-h{border-left: 1px dashed #121655; padding-left: 25px; margin: 15px 0}.list-flight-h li{position: relative; width: 100%; margin-bottom: 15px}.list-flight-h li:before{content: ""; position: absolute; z-index: 1; left: -22px; top: 0; background: url("../images/calendar_search_item.jpg") no-repeat; width: 23px; height: 24px}.list-flight-h li:last-child:before{background-color: #fff; height: 100%}
.title-1{font-size: 1.2rem; font-family: "lato-black";}.title-1 span{font-size: .9rem; font-family: "lato"}
.total-book{width: 100%}.number-people{font-size: 1rem; padding:0 5px; color: #4f26ff}
/*table*/
.table_repon td .button-b{margin-right:0;padding: 7px 10px 5px;}
td,th{padding: 5px 10px}
.table_repon {border-bottom: 1px solid #cccbd0;}.table_repon td{padding: 10px}
@media only screen 
and (max-width: 760px)/*, (min-device-width: 768px) 
and (max-device-width: 1024px)  */{
table, thead, tbody, th, td, tr { 
	display: block; 
}
.table_repon thead tr {position: absolute;top: -9999px;left: -9999px; }
.table_repon tr{margin: 0 0 1rem 0;}
.table_repon tr:nth-child(odd) {}
.table_repon td {border: none;border-bottom: 1px solid #eee ;position: relative;padding-left:30%;text-align: left;width:100% !important}
.table_repon td:before {position: absolute;top: 10px;left: 6px;padding-right: 10px;white-space: nowrap; }
/*Label the data*/
.table_repon td:nth-of-type(1):before { content: "Khởi hành"; }
.table_repon td:nth-of-type(2):before { content: "Tiêu chuẩn"; }
.table_repon td:nth-of-type(3):before { content: "Giá từ"; }
.table_repon td:nth-of-type(4):before { content: "Số chổ"; }
.table_repon td:nth-of-type(5):before { content: ""; }
}
/**button**/

.button{float: left; border-radius: 4px;border: 1px solid #217abd;color: #217abd; text-align: center; padding: 5px; background: white; font-size: .9rem}
.button-o{cursor: pointer; border:none; color: white; background: #f1962b; padding:15px 25px 10px; float: left; width: 100%; text-align: center; font-size: 1.2rem; text-transform: uppercase;border-radius: 4px;font-family: "lato-bold"; line-height: 1}.button-o:hover{background-color:#1171b8; color: white}
.button-b{background-color:#217abd; color: white; font-size:.9rem; text-transform: uppercase; border-radius:4px; padding:7px 15px 5px; font-family: "lato-bold" }.button-b:hover{color: white; background: #f1962b}
.button-b,.ngaykhac,.price-old{margin-right: 15px}
.button-x{border-radius:50px; background:#f77d24; color: white; font-size: 1rem; text-transform: uppercase; padding: 0px 25px;height: 40px;transition: -webkit-all .2s ease;transition: all .2s ease;transition: all .2s ease,-webkit-all .2s ease;}.button-x i{transform: translateX(5px); float: right;transition: -webkit-transform .3s ease;transition: transform .3s ease;transition: transform .3s ease,-webkit-transform .3s ease;}.button-x i img{filter: brightness(300%); width: 23px}.button-x:hover{color:#ffc107;-webkit-box-shadow:0px 0px 10px 0px rgb(255 255 255 / 50%);-moz-box-shadow: 0px 0px 10px 0px rgb(255 255 255 / 50%);box-shadow: 0px 0px 10px 0px rgb(255 255 255 / 50%);}.button-x:hover i{transform: translateX(10px)}
.back-to-top {position: fixed; z-index: 999; bottom: 25px;right: 25px;display: none;width:50px;height:50px;background-color: cornflowerblue;padding: 8px;}
.btn-light:not(:disabled):not(.disabled).active, .btn-light:not(:disabled):not(.disabled):active, .show>.btn-light.dropdown-toggle,.btn-light:hover{background-color: #0f63c5;}
/** carousel boostrap**/
.carousel-item{transition: -webkit-transform 1s ease;transition: transform 1s ease;transition: transform 1s ease,-webkit-transform 1s ease;}
.carousel-fade .carousel-item {opacity: 0;transition: -webkit-transform 1s ease;transition: transform 1s ease;transition: transform 1s ease,-webkit-transform 1s ease;transition-property: opacity;}
.carousel-fade .carousel-item.active,.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right{opacity: 1;}
.carousel-fade .active.carousel-item-left,.carousel-fade  .active.carousel-item-right {opacity: 0;}
.carousel-fade  .carousel-item-next,.carousel-fade .carousel-item-prev,.carousel-fade .carousel-item.active,.carousel-fade .active.carousel-item-left,.carousel-fade  .active.carousel-item-prev {transform: translateX(0);transform: translate3d(0, 0, 0);}
/**owl carousel**/
.owl-carousel .owl-item img{width: unset; max-width: 100%}
.owl-carousel .owl-nav{float: left; width: 100%; padding: 30px 15px; text-align: center}
.owl-carousel .owl-nav button span{color: transparent}
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev{width: 50px; height: 50px; margin: 0 15px;border: 1px solid #015798; border-radius: 60px}.owl-carousel .owl-nav button.owl-next:hover, .owl-carousel .owl-nav button.owl-prev:hover{background-color: cornsilk;border: 1px solid #ffc107}
.owl-carousel .owl-nav button.owl-prev{background: url("../images/arrow-left.png") no-repeat center}.owl-carousel .owl-nav button.owl-next{background: url("../images/arrow-right.png") no-repeat center}
/*.tour-all .owl-carousel .owl-nav{position: absolute; z-index: 5; left: 0; bottom: 0}*/
/** hidden**/
.navbar-brand,.tab-search-mobi{display: none}
.tab-search-mobi a{text-align: center;margin: 0 5px;border: 1px solid #f77d24;border-radius: 4px;padding: 5px;width: 30%;background-color: #fff;box-shadow: 1px 2px 2px 1px rgb(0 0 0 / 20%);}.tab-search-mobi{background-color:whitesmoke; padding: 30px 0}
.modal-body .nav-link {background: #f1962b;border: 3px solid #f1962b;-webkit-box-sizing: border-box;box-sizing: border-box;border-radius: 100px;color: #fff;width: 50%;margin-bottom: 0;font-weight: 700;text-align: center}.modal-body .nav-link.active {background: #fff;color:orangered;border-color:#f1962b}.modal-body .nav-tabs {background: #f1962b;border-radius: 100px;width: 100%;border-bottom: none;margin-bottom: 30px;}
.modal-title{color:#1171b8; font-family: "lato-bold"; font-size: 1.4rem}
.close img{width: 20px}
.modal-dialog {
-webkit-transform: translateY(100%)!important;
transform: translateY(100%)!important;}
.show .modal-dialog {
-webkit-transform: translateY(0%)!important;
transform: translateY(0%)!important;
min-height: 80px;
}
.collapsed .navbar-toggler-icon{background-image:url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 0, 0, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E") !important}
.navbar-light .navbar-toggler-icon{background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHg9IjBweCIgeT0iMHB4Igp3aWR0aD0iNTAiIGhlaWdodD0iNTAiCnZpZXdCb3g9IjAgMCA1MCA1MCIKc3R5bGU9IiBmaWxsOiMwMDAwMDA7Ij48cGF0aCBkPSJNIDcuNzE4NzUgNi4yODEyNSBMIDYuMjgxMjUgNy43MTg3NSBMIDIzLjU2MjUgMjUgTCA2LjI4MTI1IDQyLjI4MTI1IEwgNy43MTg3NSA0My43MTg3NSBMIDI1IDI2LjQzNzUgTCA0Mi4yODEyNSA0My43MTg3NSBMIDQzLjcxODc1IDQyLjI4MTI1IEwgMjYuNDM3NSAyNSBMIDQzLjcxODc1IDcuNzE4NzUgTCA0Mi4yODEyNSA2LjI4MTI1IEwgMjUgMjMuNTYyNSBaIj48L3BhdGg+PC9zdmc+")}
.link-roll{color:rgba(20,110,180,1) !important}.link-roll:hover{color: white !important}
.line-xam{ border-bottom:1px solid #e5e5e5; float:left; width:100%; height:10px; margin-bottom:15px}
/** Medium devices (mobi)**/
@media (max-width:767.98px) {
html{font-size:14px}.logo,.menu-top-left,.menu-top-right{display: none}.menu-m-show,.navbar-brand,.dropdown-toggle::after{display: block}.navbar{padding: 7px 15px;background: rgba(20,110,180,1);}.navbar-brand,.menu-fixtop.compressed .navbar-brand{width: 120px}
.search input{background: transparent;top: 0px;right: 60px;height: 50px;width: calc(100% - 120px)}
.search button{height:50px;width:50px;right:50px}.icon{background: none;width: 50px;height: 50px;top: 0; right: 0;z-index: 999;}
.search.active .icon{background-color:#fd7e14}.search.active .icon:before{top:15px; left:10px}.search.active .icon:after{top: 5px;left:10px}
.icon:before{top:17px;left: 25px;border: 2px solid #fff;background:transparent}
.icon:after{top: 24px;left: 38px;border-left: 2px solid #fff;}
.search{position: fixed;right: 80px;z-index: 9;top:6px;transform: unset;left: unset;height: 50px; width: 50px;background: none;border: none;}.search.active{width: 280px; background: #fff}
.dropdown-menu{overflow: scroll; max-height: 200px}
.navbar-light .navbar-nav .nav-link{padding: 10px 15px 9px; border-top: 1px solid rgba(255,255,255,.3);color: white; line-height: 1;position: relative}
.dropdown-toggle::after{position: absolute; z-index: 1; right: 15px; top: 15px}
.megamenu{width: 100%}
.tab-max li{float: left; width: 33.3333%}.tab-max i{float: left; width: 100%; position: unset; left: 0; top: 0; text-align: center}.tabs-search .nav-pills .nav-link{padding: 10px; font-size: .7rem; text-align: center}.tabs-search{margin-top: 0}.tab-content{padding: 15px}.tabs-search .nav-tabs{flex-wrap: nowrap; margin-bottom: 10px}.tabs-search .nav-tabs .nav-link{padding: 2px 15px;margin:5px auto}.form-border{margin-bottom: 10px; padding: 10px 15px}.box-tour-effect .card-text{margin: -60px 15px 0 15px;width: calc(100% - 30px);padding: 15px;}.box_img_discover,.box-tour-type{margin-bottom: 15px}.tour-type,.discover-hongai,.bg-footer{padding: 15px}.bg_discover_ct{position: absolute;}.discover-hongai .card-title{position: relative}.caption-discover{height: unset; margin-bottom: 15px}.add_footer{padding-bottom: 0}.bg-footer{min-height: unset}footer .col-xl-5.col-lg-6.ml-auto{padding: 0 30px !important}.img-items-f{width: 40px; height: 40px}.img-items-f:before{width: 50px; height: 50px}.information{margin-left: 15px; width:calc(100% - 55px);}.img-items-f img{width: 30px}.tabs-search .nav-pills .nav-link.active, .tabs-search .nav-pills .show>.nav-link{background: #d0e7ff;border-radius: 5px 5px 0 0;}
.day-number.flex{display: unset}.day-number span{width: 100%; margin-bottom: 10px}.ngaykhkhac .col-lg-6:nth-of-type(2),.ngaykhkhac .col-lg-6:nth-of-type(3){display: none}
.banner .banner-min{max-width: unset; height: 250px; width: unset}
.banner{display: flex; justify-content: center}
.background-duple{padding: 15px}.title{font-size: 1.2rem}.box-photo .card-img img{height: 115px}.banner .card-header .title{font-size: 1.4rem}
.lienhe .row.bg-contact.p-0{margin: 0 !important}.box-contact{padding: 20px 0}.box-tour-effect{margin-bottom: 15px}.chuan-imgl img, .video-mask{height: unset; max-width: 100%}.link_blue_button{width: 100%; padding-right: 15px}
.tour_blue .col-auto{-webkit-box-flex:unset;-ms-flex:unset;flex:unset;display: block}.time-clock,.number_available.ml-3{margin-left: 0 !important}
.note_tour table, .note_tour thead, .note_tour tbody, .note_tour th, .note_tour td, .note_tour tr{display: revert}.note_tour tr td{width: 33.3333%}.note_tour tr{border: 1px solid #cdcdcd}.note_tour,.search_tour_in{margin-bottom: 15px}.total-book tr{display: flex !important;justify-content: space-between}.card-body-right {padding: 10px;}
	.photo-mobi,.tab-search-mobi{display: block}.photo_tour,.tabs-search{display: none}
	.modal-dialog{max-width: 400px; margin: 0;}
	.modal-header .close{position:absolute; top:-10px; right:5px}
	.tour-all{padding: 15px 0}
	.photo-mobi .link_blue_button{width:60%; padding: 0; margin-left: 20%}
	.mobi-row{display: flex !important}.mobi-row div{margin-right:8px}.mobi-row div:last-child{margin-right: 0}.photo-mobi{margin-top: 15px}
	.add-footer .col-md-6{margin:0 15px}
}
/** Medium devices (tablets, less than 992px)**/
@media (min-width: 768px) and (max-width: 991.98px) {html{font-size:12px}.logo,.menu-top-left,.menu-top-right{display: none}.menu-m-show,.navbar-brand,.dropdown-toggle::after{display: block}.navbar{padding: 7px 15px;background:rgb(17 113 184);box-shadow:none}.navbar-brand,.menu-fixtop.compressed .navbar-brand{width: 120px}
	.search input{background: transparent;top: 0px;right: 60px;height: 50px;width: calc(100% - 120px)}
	.search button{height:50px;width:50px;right:50px}.icon{background: none;width: 50px;height: 50px;top: 0; right: 0;z-index: 999;}
	.search.active .icon{background-color:#fd7e14}.search.active .icon:before{top:15px; left:10px}.search.active .icon:after{top: 5px;left:10px}
	.icon:before{top:17px;left: 25px;border: 2px solid #fff;background:transparent}
	.icon:after{top: 24px;left: 38px;border-left: 2px solid #fff;}
	.search{position: fixed;right: 80px;z-index: 9;top:6px;transform: unset;left: unset;height: 50px; width: 50px;background: none;border: none;}.search.active{width: 280px; background: #fff}
	.dropdown-menu{overflow: scroll; max-height: 200px}
	.navbar-light .navbar-nav .nav-link{padding: 10px 15px 9px; border-top: 1px solid rgba(255,255,255,.3);color: white; line-height: 1;position: relative}
	.dropdown-toggle::after{position: absolute; z-index: 1; right: 15px; top: 15px}
	.megamenu{width: 100%}
	.tab-max li{float: left; width: 33.3333%}.tab-max i{float: left; width: 100%; position: unset; left: 0; top: 0; text-align: center}.tabs-search .nav-pills .nav-link{padding: 10px; font-size: .7rem; text-align: center}.tabs-search{margin-top: 0}.tab-content{padding: 15px}.tabs-search .nav-tabs{flex-wrap: nowrap; margin-bottom: 10px}.tabs-search .nav-tabs .nav-link{padding: 2px 15px;margin:5px auto}.form-border{margin-bottom: 10px; padding: 10px 15px}.box-tour-effect .card-text{margin: -60px 15px 0 15px;width: calc(100% - 30px);padding: 15px;}.box_img_discover,.box-tour-type{margin-bottom: 15px}.tour-type,.discover-hongai,.bg-footer{padding: 15px}.bg_discover_ct{position: absolute;}.discover-hongai .card-title{position: relative; padding: 5% 5% 0 5%}.caption-discover{height: unset; margin-bottom: 15px}.add_footer{padding-bottom: 0}.bg-footer{min-height: unset}footer .col-xl-5.col-lg-6.ml-auto{padding: 0 30px !important}.img-items-f{width: 40px; height: 40px}.img-items-f:before{width: 50px; height: 50px}.information{margin-left: 15px; width:calc(100% - 55px);}.img-items-f img{width: 30px}.tabs-search .nav-pills .nav-link.active, .tabs-search .nav-pills .show>.nav-link{background: #d0e7ff;border-radius: 5px 5px 0 0;}
	.day-number.flex{display: unset}.day-number span{width: 100%; margin-bottom: 10px}.ngaykhkhac .col-lg-6:nth-of-type(2),.ngaykhkhac .col-lg-6:nth-of-type(3){display: none}
	.banner .banner-min{max-width: unset; height: 250px; width: unset}
	.banner{display: flex; justify-content: center}
	.background-duple{padding: 15px}.title{font-size: 1.2rem}.box-photo .card-img img{height:160px}.banner .card-header .title{font-size: 1.4rem}
	.lienhe .row.bg-contact.p-0{margin: 0 !important}.box-contact{padding: 20px 0}.box-tour-effect{margin-bottom: 15px}.chuan-imgl img, .video-mask{height: unset; max-width: 100%}.link_blue_button{width: 100%; padding-right: 15px}
	.note_tour table, .note_tour thead, .note_tour tbody, .note_tour th, .note_tour td, .note_tour tr{display: revert}.note_tour tr td{width: 33.3333%}.note_tour tr{border: 1px solid #cdcdcd}.note_tour{margin-bottom: 15px}
	.box_img_discover img{height: 300px}.discover-hongai .card-title .title{margin-bottom: 15px}.caption-discover .items-fly{width: 80px}.search_tour_in{margin-bottom: 15px}.input-contact{margin-bottom: 15px}.tour-name{-webkit-line-clamp:unset; height: unset}
}
/**Large devices (desktops, less than 1200px) máy DUNG**/
@media (min-width:992px) and (max-width: 1024px) {html{font-size:14px}.logo_band img{width: 90%}.navbar-light .navbar-nav .nav-link {padding: 0px 15px; line-height: 48px}.menu-top-left a{padding: 5px 10px}.form-border{padding: 5px 10px}.icons-location-marker,.icons-calendar-s{margin-right: 5px}.search{width: 48px; height:48px}.time-clock{margin-left:5px}.container-fluid{padding-left: 15px !important; padding-right: 15px !important}.box-tour .card-text{padding: 15px}.box-tour-effect .card-text{width: calc(100% - 30px);margin: -30px 15px 0 15px;padding:10px;}.box_img_discover img{height: 277px}footer .col-md-6.flex.mb-4{padding-left:30px!important; padding-right: 0 !important}.img-items-f{width: 40px; height: 40px}.img-items-f:before{width: 50px; height: 50px}.information{margin-left: 10px; width:calc(100% - 55px);font-size: .9rem}.tour-name{height: 40px; margin-bottom: 0}footer{padding: 0}.search input{height: 46px;top:0; left: 0;width: calc(100% - 100px)}.search button,.search .icon{height: 48px; width: 48px;right: 49px}.search .icon{top:0; right: 0}.icon:before{top: 16px;left: 15px;}.icon:after{top: 22px;left: 27px;}.search.active .icon:before{top: 10px;left: 10px;}.search.active .icon:after{top: 0px;left: 10px;}.menu-fixtop.compressed .navbar-brand{width: 128px}.caption-discover{height: 277px}.caption-discover .items-fly{max-width: 20%}.check-select-s select,.data-marker input, .data-marker input::placeholder{line-height:20px}.background-duple{padding: 30px}.chuan-imgl img, .video-mask{height: 215px}.search_tour_in .nav-tabs .nav-item{margin: 0 3px 15px;}.search_tour_in .nav-link{padding: 5px 8px;font-size: .8rem}
.hotline-t{padding: 10px 15px !important}.menu-top-right li{padding: 2px 5px}.link_blue_button {width: 160px}.tour_blue .ngaykhac{padding:10px 5px}.link_blue_button .button-b{padding: 7px 10px 5px;}.tour-other .price{font-size: 1.4rem}
.photo_tour .col-fix{width: calc(100% - 175px)}.photo_tour .price{font-size: 1.6rem}.table_repon td{padding: 5px}.tags{padding: 25px 0}
.noidungpage,.hinhanh,.video,.danhgia,.lienhe{padding-top:30px}.tour-all{padding: 30px 0 0}.box-photo .card-img img{height: 140px;}
.box-contact p{margin-bottom: 5px}.box-contact{padding: 15px}.list-contact li{margin: 22px 0}.logo_footer{width: 190px}.input-contact{padding: 7px 15px;}.box-tour-effect:hover .card-text{margin: -120px 15px 0 15px;}.chuan-imgr img {height: 92px;}}
/* Extra large devices (large desktops, 1024px and up) máy 13in*/
@media (min-width: 1024.98px) and (max-width: 1366.98px) {html{font-size: 15px}.container-fluid{padding-left: 3% !important; padding-right: 3% !important}.time-clock{margin-left: 7px}.box-tour{font-size: .8rem}.box-tour .card-text{padding: 15px}.promotion-owl .day,.promotion-owl .time-clock{margin-bottom: 10px}.box-tour-effect .card-text{width: calc(100% - 30px);margin: -70px 15px 0 15px;padding: 15px;}.box_img_discover img{height: 350px}footer .col-md-6.flex.mb-4{padding-left: 0!important; padding-right: 0 !important}.img-items-f{width: 40px; height: 40px}.img-items-f:before{width: 50px; height: 50px}.information{margin-left: 5px; width:calc(100% - 55px);}.caption-discover .items-fly{max-width:30%}
.ngaykhac{text-align: center;white-space: nowrap;}.day, .time-clock,.number_available {font-size: .7rem}
.form-border {padding: 10px 25px}.check-select-s select,.data-marker input, .data-marker input::placeholder{line-height: 20px}	
.time-clock img, .day img{width: 10px}.number_available img{width: 15px}.button-b{padding: 4px 10px 2px;font-size: .7rem;}.star-img{width:80px}.price{font-size: 1rem;line-height: 1.8}.box-tour-effect:hover .card-text{margin: -120px 15px 0 15px;}
.search-row-in span{font-size: .9rem}.search_tour_in .nav-link{padding:4px 7px}.search_tour_in .nav-tabs .nav-item{font-size: .8rem;margin: 0 3px 15px}.search_tour_in {padding: 12px}.chuan-imgl img, .video-mask{height: 268px}
.hotline-t{padding: 10px 15px !important}.menu-top-right li{padding: 2px 5px}.link_blue_button {width: 175px}.tour_blue .ngaykhac{padding: 5px 12px}
.photo_tour .col-fix{width: calc(100% - 185px)}.photo_tour .price{font-size: 1.6rem}.table_repon td{padding: 5px}.tags{padding: 25px 0}
.noidungpage,.hinhanh,.video,.danhgia,.lienhe{padding-top:30px}.tour-all{padding: 30px 0 0}
.box-contact p{margin-bottom: 5px}.box-contact{padding: 15px}.list-contact li{margin: 22px 0}.logo_footer{width: 190px}.input-contact{padding: 10px 15px}.navbar-light .navbar-nav .nav-link {padding: 28px 15px;}.chuan-imgr img{height:119px}}
.button-book {
  width: 100%;
  text-align: center;
  padding: .8rem;
  font-size: 1rem;
}
/** Max devices laptop **/
@media (min-width: 1367px) and (max-width: 1600px){.caption-discover .items-fly{max-width:50%}img-items-f{width: 40px; height: 40px}.img-items-f:before{width: 60px; height: 60px}.information{margin-left: 5px; width:calc(100% - 55px);}.img-items-f{width: 50px; height: 50px}
	.chuan-imgl img, .video-mask{height: 340px;}.chuan-imgr img {height: 155px;}.price{font-size: 1.4rem}
.link_blue_button {width:200px}.tour_blue .ngaykhac{padding: 5px 12px}.search_tour_in .nav-tabs .nav-item{font-size: .9rem}
.photo_tour .col-fix{width: calc(100% - 205px)}}
/** max devices desktops **/
@media (min-width: 1600.98px){.container-fluid{padding-left: 100px !important; padding-right: 100px !important}.form-border{padding: 20px 35px }.logo_band img{width: 60%}}