@font-face {
    font-family: SVN ProductSans;
    src: url(/assets/fonts/SVN-Product-Sans-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: fallback
}

@font-face {
    font-family: SVN ProductSans;
    src: url(/assets/fonts/SVN-Product-Sans-Bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: fallback
}

@font-face {
    font-family: ProductSans;
    src: url(/assets/fonts/Product-Sans-Regular.woff2) format("woff2");
    font-weight: 400;
    font-style: normal;
    font-display: fallback
}

@font-face {
    font-family: ProductSans;
    src: url(/assets/fonts/Product-Sans-Bold.woff2) format("woff2");
    font-weight: 700;
    font-style: normal;
    font-display: fallback
}
@font-face {
  font-family: "slogan";
  src: url('/static/fonts/Vni04LinotypeZapfinofour.ttf') format('truetype');
}
:root {
  --color: #a6acbc;
  --color_hover: #191919;
  --background: #338e39;
  --background-body: #edf1f5;
  --background-error: #0091ea;
  --background-menu-top: #338e39;
  --bghover: #338e39;
  --border-solid: 1px solid #03a9f4;
  --border-solid-grey: 1px solid #f4f5f6;
  --while: #fff;
  --bggradient: linear-gradient(to right, #ed1c24, #338e39);
  --bggradient-web: #329cd9;
  --font-hel: 'ProductSans', sans-serif;
  --font-helbold: 'ProductSans', sans-serif;
  --button-success: #4caf50;
  --btn-button: #338e39;
  --btn-hover: #338e39;
  --font-normal: 14px;
  --font-zum: 18px;
  --font-large: 20px;
  --font-menu: 15px;
  --btn-tags-button: #338e39;
  --btn-tags-hover: #338e39;
  --color_1: #a5a5a5;
  --color_2: #338e39;
  --color_3: #fec019;
  --color_4: #1fbed5;
  --color_5: #15947d;

}
img[src=""]{
  display: none;
}
div.info_gift.show{
  display: none;
}
div.info_gift{
  display: block;
}
.footer_mobile {
    display: none;
}
a#send_contact.disabled {
  pointer-events: none !important;
}
section.popup_pay {
  position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #f2f2f28c;
    z-index: 55555555555;
    display: none;
}
section.popup_pay.active {
  display: block;
}
section.gioi-thieu h2{
  text-align: center;
  font-weight: bold;
  font-size: 1.8rem;
}
section.gioi-thieu div.content-slide {
  text-align: center;
}
div.kenh-vtv {
  display: flex;
  flex-wrap: wrap;
  max-width: 800px;
  margin: 10px auto;
}
div.kenh-vtv div.img {
  width: calc(100% / 3);
  padding: 10px;
  text-align: center;
}
section.gioi-thieu div.quang-cao{
  display: flex;
  align-items: center;
}

section.gioi-thieu div.quang-cao div.content {
  width: 47%;
  margin-right: 3%;
  text-align: justify;
  padding: 15px;
}

section.gioi-thieu div.quang-cao div.image-video {
  width: 50%;
}

section.gioi-thieu  div.hinh-anh-quang-cao {
  display: flex;
  background: #f7f8f7;
  border-radius: 5px;
}
.form-dang-ky {
  padding-bottom: 50px;
  border: 2px solid #303030;
  margin-bottom: 20px;
  border-radius: 10px;
}
section.gioi-thieu  div.hinh-anh-quang-cao div.iten-content {
  width: calc(100% / 3);
  padding: 15px;
}
section.gioi-thieu  div.hinh-anh-quang-cao div.iten-content div.item-description {
  text-align: justify;
}
section.gioi-thieu  div.hinh-anh-quang-cao div.iten-content div.item-description h3 {
  font-size: 1.4rem;
  font-weight: bold;
  text-align: center;
  padding: 15px 0px;
}
section.gioi-thieu  div.hinh-anh-quang-cao div.iten-content div.item-description p.short {
  font-size: 1.2rem;
}

div.form-tu-van-row {
  display: flex;
  align-items: center;

}
div.form-tu-van-row div.form-tu-van {
  padding: 40px 20px ;
      border: 2px solid #525252;
      border-radius: 10px;

}
div.form-tu-van h3 {
  text-align: center;
  font-weight: bold;
  font-size: 2rem;
  margin-bottom: 30px;
}
form.page-tu-van input, form.page-tu-van textarea {
  border: 2px solid;
  border-radius: 5px;
  margin-bottom: 30px;
}
div.doi-tac div.img {
  padding: 20px;
  border: 1px solid #338e392b;
}
.slick-prev, .slick-next {
  width: 50px !important;
  height: 50px !important;
  background: #fff !important;
  border-radius: 3px;
  z-index: 5555555;
  border: 1px solid #338e39 !important;
  box-shadow: 1px 1px 1px #000;
}
.slick-prev:before, .slick-next:before {
  font-family: "" !important;
}
div.content-tuvan {
  padding: 20px;
}





section.popup_pay div.content {
  max-width: 500px;
    margin: 0 auto;
    text-align: center;
    position: fixed;
    top: calc( 50vh - 75px);
    left: calc( 50vw - 250px);
    padding: 50px;
    background: forestgreen;
    color: #fff;
    border-radius: 10px;
    box-shadow: 5px 5px 10px #afafaf;
}
.description p img {
  width: 100% !important;
  height: auto !important;
}
.description div.tabs-content div.content ul{
    margin-left: 1.1rem !important;
   }
span.countdown-day {
  background: var(--background) !important;
}
label.dattour, a.dattour, p.dattour {
  cursor: pointer;
}
div.widget-s ul li div.info-tour-top-name {
  min-height: auto;
}
.show-for-only-small, .show-for-only-small label {
  display: none;
}
html, body {
  overflow-x: hidden;
  overflow-y: auto;
}
body{
  font-weight: 400;
  font-family: var(--font-hel);
}
section.contact div.row{
  display: flex;
  align-items: center;
}
div.countdown-element {
  position: absolute;
  top: 20px;
  right: 20px;
}
span.countdownitem-element {
    font-size: 20px;
    font-weight: bold;
    padding: 10px;
    background: #c8c8c8;
    color: #fff;
    border: 2px solid var(--background);
}

div.info-tour-top-name {
  padding: 10px;
  min-height: 95px;

}

div.timecount {
  padding-top: 5px;
}
div.timecount span{
  font-size: 12px;
    font-weight: bold;
    padding: 10px;
    color: #303030;
}
section.news div.info-tour-top-name a{
  font-size: 14px;
  color: var(--btn-button);
  font-weight: bold;
}
.row {
  max-width: 1170px;
}
.mh50px {
  max-height: 100px;
}
.top-menu {
  background-color: #338e39;
  height: 32px;
  line-height: 32px;
  color: #fff;
}
.top-menu ul {
  height: 32px;
  line-height: 32px;
  list-style-type: none;
  display: inline-flex;
}
.top-menu ul li {
  padding-right: 15px;
}
.top-menu ul li a{
  color: #fff;
  font-size: 16px;
}
.top-menu ul li a img{
  margin-top: -3px;
  margin-right: 5px;
}
.top-menu ul li a strong{
  font-weight: bold;
}
section.main-menu {
  border-bottom: 1px solid #EEEEEE;
}
.main-menu ul li a img {
  max-height: 70px;
  padding: 5px 0px;
}
.main-menu ul  {
  line-height: 70px;
  list-style-type: none;
  display: inline-flex;
}
.main-menu ul li a{
  padding: 0px 5px;
  font-weight: 500;
}
.main-menu ul li a.tour_slogan{
  font-family: 'tour';
}
.main-menu ul li a p.hotline_ul{
    width: 200px;
    padding: 3px 10px;
    border: 1px solid var(--background);
    font-weight: 500;
    margin-bottom: 0px !important;
}
.main-menu ul li a p.hotline_ul::after{
      content: "\f078";
    right: 15px;
    position: absolute;
    top: 30%;
    font-size: 25px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.menu_primate  {
  z-index: 10000 !important;
}
.menu_primate ul:not(.large)  {
  line-height: 40px;
  list-style-type: none;
  display: inline-flex;
}
/*.menu_primate ul:not(.large) li {
  position: relative;
}*/
.row { position: relative; }
.menu_primate ul:not(.large) li a{
  margin-right: 30px;
  font-size: 15px;
  color: #000;
  text-transform: uppercase;
  font-weight: 600;
  position: relative;
}
.menu_primate ul:not(.large) li a:hover, .menu_primate ul:not(.large) li:hover > a {
  transition: 0.5s all;
  color: var(--btn-button);
}
.menu_primate ul.right li a{
  margin-right: 10px;
}
section.menu_primate {
  background: #fff;
  border-bottom: 1px solid #EEEEEE;
}
.menu_primate ul:not(.right):not(.large)  li.li-task.posi {
  position: relative;
}
.menu_primate ul:not(.right):not(.large)  li.li-task.after > a::after{
    content: "\f107";
    right: -15px;
    position: absolute;
    top: 20%;
    font-size: 12px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.menu_primate ul:not(.right)  li.li-task > div.sub-menu > div.left > ul > li > a::after{
    content: "\f105";
    right: 5px;
    position: absolute;
    top: 28%;
    font-size: 17px !important;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.menu_primate ul:not(.right):not(.large)  li.li-task > div.sub-menu ul li.active a::after {
  color: var(--background);
}
.menu_primate ul:not(.right):not(.large) li div.sub-menu{
    position: absolute;
    left: 0px;
    top: 40px;
    width: 1170px;
    min-height: 350px;
    border-top: 1px solid #EEEEEE;
}
.menu_primate ul:not(.right):not(.large) li div.sub-menu div.left{
  width: 250px;
  position: relative;
  background: #f2f2f2;
  left: 0px;
}
.menu_primate ul:not(.right):not(.large) li div.sub-menu div.left ul{
  width: 100%;
  max-width: 250px;
  display: inline;
}
.menu_primate ul:not(.right):not(.large) li div.sub-menu div.left ul li{
  width: 100%;
}
.menu_primate ul:not(.right):not(.large) li div.sub-menu div.tabs-content{
  width: 920px;
  float: right;
  background: #fff;
  padding: 0px 15px;
}
div.sub-menu {
  background: #fff;
  display: none;
  z-index: 555555;
  padding: 0px;
}
.menu_primate ul:not(.right):not(.large) li div.sub-menu div.left ul.tabs .tab-title{
  /*padding-left: 4px;*/
  border-bottom: 1px solid #e6e6e6;
}
.menu_primate ul:not(.right):not(.large) li div.sub-menu div.left ul.tabs .tab-title > a{
  transition: 0.4s all;
  padding: 0px;
  padding-left: 15px ;
  border-left: 4px solid #f2f2f2;
  width: 100%;
  font-size: 12px;
}
.menu_primate ul:not(.right):not(.large) li div.sub-menu div.left ul.tabs .tab-title.active > a,
 .menu_primate ul:not(.right):not(.large) li div.sub-menu div.left ul.tabs .tab-title:hover > a{
  transition: 0.8s all;
  border-left: 4px solid var(--background);
  padding-left: 25px;
  /*text-decoration: underline;*/
  background: #fff;
  color: var(--btn-button);
}
.menu_primate ul:not(.right):not(.large) li div.sub-menu div.left ul.tabs .tab-title.active > a {
  transition: 0.4s all;
  /*text-decoration: underline;*/
}
div.tabs-content .h3 {
  padding-bottom: 10px;
  border-bottom: 1px solid #EEEEEE;
  margin-bottom: 10px;
}
div.tabs-content h3{
  font-size: 14px;
  font-weight: bold;
  text-align: left;
}
ul.large-block-grid-3.medium-block-grid-2.small-block-grid-2.large{
  margin: 0px;
}
.menu_primate ul.large li {
  padding-bottom: 0px;
}
.menu_primate ul.large li a{
  text-transform: capitalize;
  font-weight: 300;
}

.menu_primate ul.large li a:hover {
  transition: 0.4s all;
  text-decoration: underline;
  color: var(--background);
}
.menu_primate ul:not(.right):not(.large) li.li-task:hover > div.sub-menu{
 transition: 0.3s all;
 display: inline-flex;
 
}
a.add-tocart {
  padding: 5px 20px;
  background: var(--background);
  color: #fff !important;
  font-weight: normal !important;
  font-size: 18px !important;
  border-radius: 3px;
  box-shadow: 3px 3px 3px 1px #000;
}
a.add-tocart:hover {
  transition: 0.5s all;
  background: red;
}
p.price-vps {
  color: red !important;
  font-size: 18px !important;
  white-space: nowrap;
}
p.price-vps-original {
  text-decoration: line-through;
}





div.sub-menu div.news_image {
  padding: 10px;
  background: #fff;
}
.menu_primate ul:not(.right):not(.large)  li.li-task ul.sub-menu {
  display: none !important;
}
.menu_primate ul:not(.right):not(.large)  li.li-task:hover ul.sub-menu{
  display: block !important;
}

.menu_primate ul:not(.right):not(.large)  li.li-task > ul.sub-menu {
    width: auto;
    display: inline-table;
    position: absolute;
    top: 40px;
    left: 0px;
    z-index: 55;
    margin-left: 0px;
}
.menu_primate ul:not(.right):not(.large)  li.li-task > ul.sub-menu li {
  background: #efefef;
  border-left: 4px solid #efefef;
  cursor: pointer;
  white-space: nowrap;
}
.menu_primate ul:not(.right):not(.large)  li.li-task > ul.sub-menu li a{
  transition: 0.6s all;
  padding: 10px 10px;
  cursor: pointer;
}
.menu_primate ul:not(.right):not(.large)  li.li-task > ul.sub-menu li:hover {
  background: #fff;
  border-left: 4px solid var(--background);

}
.menu_primate ul:not(.right):not(.large)  li.li-task > ul.sub-menu li:hover a{
  color: var(--btn-button);
  transition: 0.6s all;
  padding-left: 20px;
}











/* footer */
section.footer  {
  padding: 30px 0px;
}
section.footer ul{
  display: inline-flex;
  list-style-type: none;
  width: 100%;
}
section.footer ul.social li a{
  margin-right: 10px;
  font-size: 18px;
}
section.footer div.content_footer{
  padding: 20px 0px;
}
section.footer div.content_footer p{
  font-size: 1rem;
}
section.footer div.form_register{
  padding: 30px 0px;
}
section.footer div.form_register p{
  font-weight: 500;
  font-size: 18px;
  color: #303030;
  margin-bottom: 10px !important;
}
section.footer div.form_register button{
  background: var(--btn-button);
    color: #fff;
    height: 40px;
    line-height: 40px;
    margin: 0px;
    padding: 0px 20px;
    font-size: 13px;
    text-transform: uppercase;
}
section.footer ul.footer-ul {
  display: block !important;
}
section.footer h4{
  font-size: 18px;
  font-weight: bold;
  color: #303030;
  text-transform: uppercase;
}
section.footer ul.footer-ul li a{
  font-size: 14px;
  color: #303030;
  font-weight: 500;
}
section.footer-bottom{
  padding: 25px 0px;
}
section.footer-bottom .image_payment{
  text-align: center;
}
section.footer-bottom ul.ul-bottom{
  text-align: center;
  list-style-type: none;
  padding: 20px 0px;
  color: #303030;
}
section.footer-bottom ul.ul-bottom li a{
  color: #303030;
  font-size: 15px;
  font-weight: 500;
}

section.footer-bottom div.info_congthuong div.img{
  text-align: center;
}
div.clear-mid {
  height: 2px;
  width: 100px;
  background: #C4C4C4;
  margin: 20px 0px;
}
/* footer */
section.bg-cover {
  background: var(--background);
  padding: 25px 0px;
}
section.bg-cover ul li div.widget {
  padding: 15px;
  background: #fff;
  box-shadow: 1px 2px 2px #000;
  border-radius: 5px;
}
section.bg-cover ul li {
  padding: 20px 10px;
  /*min-height: 500px;*/
}
section.bg-cover ul li div.widget div.image {
  text-align: center;
}
section.bg-cover ul li div.widget div.content-widget {
  padding: 30px 0px;
}
section.bg-cover ul li div.widget div.content-widget h5{
  font-weight: bold;
  font-size: 20px;
  text-align: center;
}
section.bg-cover ul li div.widget div.content-widget p {
  font-size: 14px;
}
section.home-page {
  padding: 25px 0px;
}
section div.row .h3{
  font-size: 2rem;
  text-align: center;
  font-weight: bold;
  text-transform: uppercase;
  color: var(--btn-button);
}
section div.row div.clear-h3 {
  width: 50px;
  height: 5px;
  background: var(--background);
  margin: 10px auto;
  text-align: center;
}
section div.row ul li div.info-tour{
  border: 1px solid #EEEEEE;
  box-shadow: 0px 3px 4px #0000001c;

}
section div.row ul li div.info-tour div.info-tour-top div.image{
  position: relative;
}
section div.row ul li div.info-tour div.info-tour-top div.image img {
  width: 100%;
}
section div.row ul li div.info-tour div.info-tour-top div.image div.info-tour-top-name{
  position: absolute;
  width: 100%;
  bottom: 0px;
  background: #0000005e;
  text-transform: uppercase;
  color: #fff;
  padding: 10px;
  padding-left: 70px;
}
section div.row ul li div.info-tour div.info-tour-top div.image div.info-tour-top-name a{
  color: #fff;
  font-weight: 500;
  font-size: 14px;
}
section div.row ul li div.info-tour div.info-tour-top {
  position: relative;
  padding-bottom: 50px;
}
section div.row ul li div.info-tour div.info-tour-top div.img-info {
  width: 50px;
  height: 50px;
  overflow: hidden;
  border-radius: 100px;
  box-shadow: 0px 3px 5px #000000;
  position: absolute;
  left: 13px;
  bottom: -23px;
  border: 2px solid #fff;
  z-index: 555;
}
section div.row ul li div.info-tour div.info-tour-top div.info-name{
  padding-left: 70px;
    position: relative;
}
section div.row ul li div.info-tour div.info-tour-top div.info-name h6{
      color: var(--background);
    font-weight: bold;
    margin-bottom: 0px;
    font-size: 14px;
}
section div.row ul li div.info-tour div.info-tour-top p.p-info{
    display: block;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    white-space: normal;
    word-wrap: break-word;
    font-size: 1rem;
    padding: 0px 10px;
    text-align: left;
    margin-bottom: 70px;
}
section div.row ul li div.info-tour div.info-tour-top div.info-name p{
    color: #c6c6c6;
    font-weight: 400;
    font-size: 12px;
}
section div.row ul li div.info-tour div.info-tour-top div.info-name span{
    color: #c6c6c6;
    float: right;
    position: absolute;
    right: 5px;
    bottom: 5px;
    font-size: 12px;
}
section div.row ul li div.info-tour div.info-tour-top div.info-name span img {
    width: 10px !important;
    float: left;
    margin-right: 5px;
    top: 3px;
    position: absolute;
    left: -15px;
}
section div.row ul li div.info-tour div.info-tour-top a.readmore{
    color: #fff;
    padding: 10px 25px;
    background: var(--background);
    position: absolute;
    bottom: -10px;
    right: 10px;
    font-size: 14px;
    box-shadow: 1px 2px 2px #000;
    border-radius: 3px;
}

section.home-page div.all {
  text-align: right;
  padding: 5px 0px;
  display: flex;
}
section.home-page div.all a{
    color: var(--background);
    font-weight: 500;
    font-size: 16px;
    padding: 5px;
    width: 100%;
}
section.banner-page {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    /*background-attachment: fixed;*/
}
section {
  border-bottom: 1px solid #EEEEEE;
}
section.banner-page div.row ul li div.info-tour{
  background: #fff;
}
section.banner-page div.row .h3{
  color: #fff;
}
section.banner-page div.row div.clear-h3 {
  background: #fff;
}
section.banner-page div.all a{
  color: #fff;
}
section.banner-page div.row ul li div.info-tour div.info-tour-top div.img-info {
      width: 50px;
    height: 30px;
    border-radius: 0px;
    box-shadow: none;
    overflow: hidden;
    position: absolute;
    left: 0px;
    bottom: -30px;
    border: 2px solid #fff;
    z-index: 15;
}
section.banner-page div.row ul li div.info-tour div.info-tour-top p.p-info{
  padding-bottom: 20px;
}
section.banner-page div.row ul li div.info-tour div.info-tour-top div.image div.info-tour-top-name{
    position: absolute;
    width: 100%;
    bottom: 0px;
    background: transparent;
    text-transform: uppercase;
    color: #fff;
    padding: 10px;
    padding-left: 15px;
}
section.banner-page div.row ul li div.info-tour div.info-tour-top div.info-name {
    position: relative;
    padding: 4px;
    padding-left: 15px;
    background: #333;
    z-index: 10;
}
.info-tour-top-name a {
  color: var(--background);
  font-weight: bold;
  font-size: 1.2rem;
}
section.banner-page div.row ul li div.info-tour div.info-tour-top div.info-name h6 {
  text-transform: uppercase;
  color: #fff;
}
section.banner-page div.row ul li div.info-tour div.info-tour-top div.info-name span {
  color: var(--background);
  right: 5px;
}
section.banner-page div.row ul li div.info-tour div.info-tour-top p{
  padding: 15px;
}
section.home-page div.all a::after {
      content: "\f105";
          margin-left: 10px;
      display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
section.tour-hot div.row ul li div.info-tour div.info-tour-top div.image div.info-tour-top-name{
    /*background: var(--background);*/
    background: #338e39b0;
    padding: 10px;
    padding-left: 10px;
    min-height: 85px !important;
}
section.tour-hot div.row ul li div.info-tour div.info-tour-top div.info-name{
  padding: 10px;

}
section.tour-hot div.row ul li div.info-tour div.info-tour-top div.info-name h6, section.tour-hot div.row ul li div.info-tour div.info-tour-top div.info-name p{
  color: #303030;
  font-size: 14px;
  font-weight: 500;
}
section.tour-hot div.row ul li div.info-tour div.info-tour-top div.info-name img {
  width: 16px;
  margin-right: 10px;
}
section.tour-hot div.row ul li div.info-tour div.info-tour-top div.info-name span {
  font-weight: bold;
  font-size: 20px;
  color: red;
  right: 10px;
  bottom: 15px;
}
section.tour-hot-2 ul, section.tour-hot-2 ul li {
  padding: 0px;
  margin: 0px;
  max-height: 400px;
    overflow: hidden;
}
section.tour-hot-2 ul li {
  border: 1px solid var(--background);
}
section.tour-hot-2 div.control {
  position: absolute;
      bottom: 200px;
    width: 100%;
}
section.tour-hot-2 div.control a.ctrlleft {
  left: -15px;
    position: absolute;
    padding: 20px 10px;
    background: var(--background);
    color: #fff;
    cursor: pointer;
        box-shadow: 1px 2px 3px #cfcbcb;
}
section.tour-hot-2 div.control a.ctrlright {
  right: -15px;
    position: absolute;
    padding: 20px 10px;
    background: var(--background);
    color: #fff;
    cursor: pointer;
    box-shadow: 1px 2px 3px #cfcbcb;
}
section.tour-hot ul li div.tour-gio-chot{
  width: 100%;
  display: flex;
}
section.tour-hot ul li div.tour-gio-chot div.tour-image {
  width: 40%;
  border-right: 1px solid var(--background);
}
section.tour-hot ul li div.tour-gio-chot div.tour-image div.image{
  text-align: center;
  padding: 20px 0px;
}
section.tour-hot ul li div.tour-gio-chot div.tour-image div.image img{
  max-width: 350px;
}
section.tour-hot ul li div.tour-gio-chot div.tour-datetime {
  width: 20%;
  border-right: 1px solid var(--background);
}
section.tour-hot ul li div.tour-gio-chot div.tour-datetime div.content {
  text-align: center;
  padding: 60px 0px;
}
section.tour-hot ul li div.tour-gio-chot div.tour-datetime div.content p{
  font-weight: 500;
  font-size: 20px;
}
section.tour-hot ul li div.tour-gio-chot div.tour-info {
  width: 50%;
}
section.tour-hot ul li div.tour-name{
  width: 100%;
  background: var(--background);
  padding: 15px;
}
section.tour-hot ul li div.tour-gio-chot div.tour-datetime div.tour-name, section.tour-hot ul li div.tour-gio-chot div.tour-info div.tour-name {
  text-align: center;
}
section.tour-hot ul li div.tour-name a{
  text-transform: uppercase;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
}
section.tour-hot ul li div.tour-gio-chot div.tour-info div.content {
  width: 100%;
}
section.tour-hot ul li div.tour-gio-chot div.tour-info div.content div.img{
  position: relative;
  border-top: 1px solid var(--background);
}
section.tour-hot ul li div.tour-gio-chot div.tour-info div.content div.img img{
  width: 100%;
}
section.tour-hot ul li div.tour-gio-chot div.tour-info div.content div.img a{
  position: absolute;
  bottom: calc(50% - 35px);
  right: 15px;
  padding: 20px 30px;
  background: var(--background);
  color: #fff;
  font-weight: bold;
}
section.tour-hot ul li div.tour-gio-chot div.tour-info div.content div.price {
  padding: 10px;
  position: relative;
}
section.tour-hot ul li div.tour-gio-chot div.tour-info div.content div.price p{
  margin-bottom: 0px !important;
}
section.tour-hot ul li div.tour-gio-chot div.tour-info div.content p span {
  margin-right: 20px;
}
section.tour-hot ul li div.tour-gio-chot div.tour-info div.content p span, 
section.tour-hot ul li div.tour-gio-chot div.tour-info div.content p strong{
  font-size: 16px;
  color: #C4C4C4;
  font-weight: 300;
  padding: 2px 15px;
}
section.tour-hot ul li div.tour-gio-chot div.tour-info div.content p.price-new span, 
section.tour-hot ul li div.tour-gio-chot div.tour-info div.content p.price-new strong {
  color: #303030;
  font-weight: bold;
}
section.tour-hot ul li div.tour-gio-chot div.tour-info div.content p.discount span, 
section.tour-hot ul li div.tour-gio-chot div.tour-info div.content p.discount strong {
  color: #ED1C24;
  font-weight: bold;
  font-size: 18px;
}
section.tour-hot ul li div.tour-gio-chot div.tour-info div.content p.discount strong {
  font-size: 35px;
}
section.submenu-container {
  position: relative;
}
section.slider-fill {
  position: relative;
  height:  500px;
  max-height: 500px;
  overflow: hidden;
  border-bottom: none;
  margin-bottom: 0px;
}
section.submenu-container.slider-fill div.slide-container{
  padding: 0px;
  width: 100%;
  
}
section.submenu-container div.slide-container {

}
section.slider-fill div.slide-banner-top div{
  width: 100%;
  height:  500px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  max-height: 500px;
  /*background-attachment: fixed;*/

}
a.keywords_a {
  color: #303030;
  font-size: 15px;
}
a.keywords_a:hover {
  color: var(--background);
}
ul.list-search {
  position: absolute;
    top: 50px;
    z-index: 5555555;
    width: 100%;
    background: #fff;
    padding: 20px 40px;
    display: none;
        border-bottom-left-radius: 5px;
    border-bottom-right-radius: 5px;
}
ul.list-search.active {
  display: block;
}
section.submenu-container div.search {
  position: relative;
  width: calc( 100vw - 400px);
}
section.submenu-container div.search div.form-group {
   -webkit-transition: all 1.2s; /* Safari prior 6.1 */
   transition:  all 1.2s;
    width: 100%;
    display: flex;
    position: absolute;
    bottom: 10px;
    left: 0px;
    z-index: 5555555;
    border-radius: 5px;
  /*overflow: hidden;*/
    /*border: 1px solid #f2f2f2;*/
}
section.submenu-container div.search div.form-group.active {
  -webkit-transition: all 1.2s; /* Safari prior 6.1 */
  transition:  all 1.2s;
  bottom: 200px;
}
section.submenu-container div.search div.form-group div.input{
  width: 70%;
  display: flex;
  position: relative;
}
section.submenu-container div.search div.form-group div.input img {
  position: absolute;
  top: 13px;
  left: 10px;
}
section.submenu-container div.search div.form-group div.input input {
  height: 50px;
  border: none;
  padding-left: 40px;
  box-shadow: none;
  margin-bottom: 0px;
}
section.submenu-container div.search div.form-group div.input input:hover, section.submenu-container div.search div.form-group div.input input:focus{
  box-shadow: none;
}
section.submenu-container div.search div.form-group div.selection {
  width: 25%;
  display: flex;
  position: relative;
}
section.submenu-container div.search div.form-group div.selection img {
  position: absolute;
  top: 15px;
  left: 10px;
}
section.submenu-container div.search div.form-group div.selection select {
    height: 50px;
    border: none;
    padding-left: 50px;
    margin-bottom: 0px;
    background: #fff;
    font-size: 16px;
}
section.submenu-container div.search div.form-group div.button-search {
  width: 30%;
}
section.submenu-container div.search div.form-group div.button-search button{
    height: 50px;
    background: var(--background);
    padding: 0px;
    margin-bottom: 0px;
    width: 100%;
    font-size: 16px;
}

section.submenu-container div.search div.form-group div.selection select option{
  height: 70px;
}

div.content-news ul{
  list-style-type: none;
}
div.content-news div.slide-container {
  position: relative;
  overflow: hidden;
  padding: 0px;
}
div.content-news div.datetime {
      height: 50px;
    padding: 12px;
    margin: 0px auto;
    border: 1px solid #C4C4C4;
    background: #F9F9F9;
}
div.content-news div.datetime ul.left li{
  font-size: 14px;
}
div.content-news div.datetime ul.right {
  display: flex;
}
div.content-news div.datetime ul.right li{
  margin-right: 20px;

}

section.news {
  padding-top: 50px;
  border-bottom: none;
}
section.news div.widget {
    padding: 20px;
    border: 1px solid #d8d8d8;
    margin-bottom: 20px;
    padding-top: 10px;
    box-shadow: 2px 2px 3px #f5f6f7;
}
section.news div.widget h3 {
    font-size: 18px;
    text-align: center;
    color: red;
    font-weight: bold;
}
section.news div.widget h4{
   font-size: 15px;
   color: red;
    text-align: center;
    font-weight: bold;
}
section.news div.widget hr{
  /*width: 80%;*/
    margin: 0 auto;
    margin-bottom: 15px;
}
section.news div.widget p{
  font-size: 14px;
    padding: 0px 15px;
}
section.news div.widget div.call{
  text-align: center;
  margin: 10px auto;
  margin-bottom: 0px;
}
section.news div.widget div.call a {
    background: red;
    padding: 5px 20px;
    text-align: center;
    margin: 0 auto;
    color: #fff;
    font-size: 15px;
}
section.news div.widget ul {
  list-style-type: none;
}
section.news div.widget ul li {
  display: flex;
}
section.news div.widget ul.icon li::before{
    content: "\f05d";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

section.news div.widget ul.icon li a{
  color: #303030;
  font-size: 14px;
}
section.news div.widget-s{
    padding: 0px;
    border: 1px solid var(--background);
    margin-bottom: 20px;
}
section.news div.widget-s label{
  width: 100%;
  padding: 5px;
  background: var(--background);
  color: #fff;
  text-transform: uppercase;
  font-weight: bold;
  padding-left: 20px;
}
section.news div.widget-s ul.news {
  padding: 10px;
  list-style-type: none;
}
section.news div.widget-s ul.news li a div.news-releas{
  width: 100%;
  display: flex;
  padding-bottom: 5px;
  border-bottom: 1px solid #EEEEEE;
  margin-top: 5px;
  align-items: center;
}
section.news div.widget-s ul.news li a div.news-releas div.image {
  width: 23%;
}
section.news div.widget-s ul.news li a div.news-releas div.content{
  width: 77%;
  position: relative;
}
section.news div.widget-s ul.news li a div.news-releas div.content p {
  font-size: 12px;
  padding-left: 10px;
  color: #303030;
  padding-bottom: 15px;
  text-transform: capitalize;
}
section.news div.widget-s ul.news li a div.news-releas div.content div.date{
  font-size: 12px;
  position: absolute;
  bottom: 0px;
  left: 10px;
  color: #C4C4C4;
}
div.img span.discount {
  position: absolute;
    left: calc( 30% - 50px);
    bottom: 20px;
    font-size: 25px;
    color: red;
    font-weight: bold;
}

section div.row .h5{
  font-weight: 500;
    color: #fff;
    background: var(--background);
    padding: 5px 15px;
    width: 350px;
}

section div.row div.clear-h5{
    background: var(--background);
    height: 5px;
    margin-bottom: 20px;
}

section.news div.row ul li div.info-tour div.info-tour-top div.image div.info-tour-top-name{
  padding-left: 10px;
  background: #fff;
  border-bottom: 1px solid #EEEEEE;
  padding-bottom: 20px;
}
section.news div.row ul li div.info-tour div.info-tour-top div.image div.info-tour-top-name a{
  color: var(--btn-button);
  text-transform: capitalize;
  font-size: 12px;
}
section.news div.row ul li div.info-tour div.info-tour-top div.info-name span{
  right: 20px;
}
section.news div.row ul li div.info-tour div.info-tour-top p.p-info {
  font-size: 12px;
  max-height: 92px;
  overflow: hidden;
}
section div.row ul li div.info-tour div.info-tour-top div.image img{
  /*padding-bottom: 60px;*/
}
section.news div.large-9 {
  padding-left: 0px;
}

section.news div.content-news div.item-news{
  width: 100%;
  position: relative;
  display: flex;
  margin-bottom: 40px;
  border: 1px solid #EEEEEE;
  padding: 0px;
}
section.news div.content-news div.item-news div.image {
  width: 35%;
  position: relative;
  overflow: hidden;
}
section.news div.content-news div.item-news div.content{
  width: 65%;
  position: relative;
  padding: 10px;
  padding-left: 15px;
}

section.news div.content-news div.item-news div.content div.title a{
  font-size: 1.3rem;
  font-weight: 500;
  color: #303030;
  text-transform: uppercase;
  margin-bottom: 5px;
}
section.news div.content-news div.item-news div.content div.title p{
  font-size: 15px;
  color: #c4c4c4;
}
section.news div.content-news div.item-news div.content p{
  font-size: 14px;
}
section.news div.content-news div.item-news div.content > a{
  color: #fff;
  background: var(--background);
  padding: 10px 25px;
  position: absolute;
  bottom: 10px;
  right: 15px;
  font-size: 14px;
  border-radius: 5px;
  box-shadow: 2px 2px 2px #000;
}
div.content-detail {
  position: relative;
}

section.news div.h4{
    font-weight: bold;
    width: 100%;
    text-align: left;
    font-size: 24px;
    text-transform: uppercase;
    cursor: pointer;
}
section.news  div.div-first {
  padding-left: 0px;
}
section.news .columns.item-news.div-first {
    padding-right: 0px;
    /*padding-left: 0px;*/
    border: 1px solid #eeeeee;
}
section.news  div.div-first .columns.item-news.div-first:last-child {
  padding-right: 0px;
}
section.news .columns.item-news.div-first div.content {
  padding: 10px;
}
section.news .columns.item-news.div-first div.content div.title a{
  font-size: 18px;
  color: var(--btn-button);
  font-weight: 500;
  text-transform: uppercase;
}
section.news .columns.item-news.div-first div.content div.title-2 a {
  font-size: 14px;
  font-weight: bold;
  text-transform: capitalize;
  color: #303030;
}
section.news .columns.item-news.div-first div.content p{
  font-size: 15px;
}
div.note-luuy div.info {
  display: flex;
}
div.note-luuy {
  margin-bottom: 15px;
  padding: 30px;
  background: #f5f5f5;
}
div.note-luuy h3 {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 5px;
  text-align: left;
}
div.note-luuy p{
  margin-bottom: 3px !important;
  font-size: 13px;
  text-align: left;
}
div.note-luuy p i{
  color: red;
}

section.bg-hover{
  /*height: 450px;*/
  background-position: bottom;
  background-repeat: no-repeat;
  background-size: cover;
  /*background-attachment: fixed;*/
  position: relative;
}
section.bg-hover div.title-new{
  width: 100%;
  text-align: center;
  position: absolute;
  bottom:  30px;
  left: 0px;
}
section.bg-hover div.title-new h1{
  color: #fff;
  text-shadow: 0px 3px 6px #000000;
  text-transform: uppercase;
  font-size: 40px;
  font-weight: bold;
  background: #19191975;
  padding: 15px;
}


section.contact input, section.contact textarea {
  background: #f9f9f9;
  border: 2px solid var(--background);
  border-radius: 2px;
}
section.contact input:focus, section.contact textarea:focus{
  box-shadow: none;
}
section.contact h3.title-banner {
  font-size: 26px;
  font-weight: 500;
}
section.contact .items-contact  {
  position: relative;
  margin-bottom: 15px;
  display: flex;
}
section.contact .items-contact div.image{
  width: 15%;
}

section.contact .items-contact div.content {
  width: 85%;
  padding-left: 10px;
}
section.contact .items-contact div.content p{
  font-size: 14px;
}
section.contact .items-contact div.content div.title{
  text-transform: uppercase;
  font-weight: 500;
}
div.thanh-tuu {
  display: flex; flex-wrap: wrap; padding: 40px 0px;
  align-items: center;
}
div.thanh-tuu div.item {
  margin-bottom: 20px;
}
div.thanh-tuu div.item:nth-child(2n + 1){
  padding-right: 10px;
}
div.thanh-tuu div.item:nth-child(2n){
  padding-left: 10px;

}
div.thanh-tuu div.item div.item-content {
  background: #fff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 1px 1px 1px #000;
  padding: 10px 0px;
}
div.thanh-tuu div.img-thanh-tuu {
  display: flex;
  align-items: center;

}
div.thanh-tuu div.img-thanh-tuu div.name {
  text-align: center;
  padding: 20px;
}
div.thanh-tuu div.img-thanh-tuu div.name p.title{
  font-size:3rem;
  font-weight: bold;
  text-align: center;
}
div.thanh-tuu div.img-thanh-tuu div.name div.description {
  
  height: 65px;
  overflow: hidden;
}
div.thanh-tuu div.img-thanh-tuu div.name div.description p {
  font-size: 1.2rem;
}
section.url{
  background: #EEEEEE;
}
section.url div.row ul{
  display: flex;
  list-style-type: none;
  position: relative;
}
section.url div.row ul li a {
  color: #C4C4C4;
  font-size: 13px;
  margin-right: 10px;
  padding: 5px;
  position: relative;
}
section.url div.row ul li a.active {
  text-transform: uppercase;
  font-weight: bold;
  color: #303030;
}
section.url div.row ul li a:not(.active)::after {
    content: "\f105";
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin-left: 10px;
}

div.button-dang-ky{
  text-align: center;
}
div.button-dang-ky a.dangkyngay {
    padding: 15px 30px;
    background: #fff;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #000;
    font-weight: bold;
}
div.button-dang-ky a.dangkyngay:hover {
  color: #000;
  background: #c4c4c4;
  transition: 0.5s all;
}




ul.pagination li a, ul.pagination li button {
  background: #fff;
  cursor: pointer !important;
}
ul.pagination li a:hover, ul.pagination li button:hover {
  background: var(--background) !important;
  color: #fff !important;
}
ul.pagination li.current a:hover, ul.pagination li.current a:focus, ul.pagination li.current button:hover, ul.pagination li.current button:focus {
  background: var(--background) !important;
  color: #fff !important;
}
ul.pagination li.current a, ul.pagination li.current button{
  background: var(--background);
  color: #fff !important;

}
a.ullisttour { display: none; }



section.tour div.content-news div.item-news div.content div.title {
  padding-bottom: 25px;
}
section.tour div.content-news div.item-news div.content div.title a{
  font-weight: bold;
  font-size: 1.4rem;
}
section.tour div.content-news div.item-news {
  padding: 10px;
}
section.tour div.content-news div.item-news div.image {
  width: 30%;
}

section.tour div.content-news div.item-news div.content {
  width: 70%;
}
section.tour div.content-news div.item-news div.content div.title p {
  color: #303030;
}
section.tour div.content-news div.item-news div.content div.title p.here{
  font-size: 13px;
  font-weight: bold;
  text-transform: uppercase;
  color: #303030;
}
section.tour div.content-news div.item-news div.content div.title p.rate{
  font-size: 15px;
  color: #303030;
}
section.tour div.content-news div.item-news div.content div.title p.rate img{
  height: 18px;
  width: auto;
}
section.tour div.content-news div.item-news div.content div.title p.rate strong {
  font-weight: bold;
  font-size: 16px;
  color: #ffa201;
}
section.tour div.content-news div.item-news div.content div.title a.tags{
    height: 30px;
    line-height: 30px;
    padding: 0px 15px;
    color: #fff !important;
    font-size: 14px !important;
}
section.tour div.content-news div.item-news div.content div.title a.tags:before{
    border-top: 15px solid transparent;
    border-bottom: 15px solid transparent;
}
section.tour div.content-news div.item-news div.content div.title div.listtags {
      position: absolute;
    width: 100%;
    left: 15px;
    bottom: 0px;
}
section.tour div.content-news div.item-news div.content div.title a.tags.hot{
  background: #FFBB00 !important;
  color: #303030 !important;
}
section.tour div.content-news div.item-news div.content div.title a.tags.hot:before{
  border-right: 7px solid #FFBB00;
}



section.tour div.content-news div.item-news div.add-tour {
  width: 25%;
  padding: 5px 0px;
}
section.tour div.content-news div.item-news div.add-tour ul li{
    height: 38px;
    line-height: 38px;
    padding-left: 15px;
    margin-bottom: 7px;
    border: 1px solid #EEEEEE;
}
section.tour div.content-news div.item-news div.add-tour ul li.price{
  background: red;
}
section.tour div.content-news div.item-news div.add-tour ul li.more {
  background: var(--background);
}
section.tour div.content-news div.item-news div.add-tour ul li a{
  color: #303030;
  font-size: 14px;
}
section.tour div.content-news div.item-news div.add-tour ul li.more {
  padding: 0px;
  text-align: center;
  line-height: 18px;
  margin-bottom: 0px;
}
section.tour div.content-news div.item-news div.add-tour ul li.price a,
section.tour div.content-news div.item-news div.add-tour ul li.more a{
  color: #fff;
}
section.tour div.content-news div.item-news div.add-tour ul li.price a strong{
  font-size: 17px;
}
section.tour div.content-news div.item-news div.add-tour ul li.more a {
  font-size: 14px;
  text-transform: uppercase;
  font-weight: bold;
}
section.tour div.content-news div.item-news div.add-tour ul li.more a p{
  text-transform: uppercase;
  font-size: 12px;
}
section.tour div.content-news div.item-news div.add-tour ul li:not(.price):hover, 
section.tour div.content-news div.item-news div.add-tour ul li:not(.more):hover {
  background: var(--background);
}
section.tour div.content-news div.item-news div.add-tour ul li:not(.price):hover a, 
section.tour div.content-news div.item-news div.add-tour ul li:not(.more):hover a{
  color: #fff;
}

section.tour div.row div.clear-h3{
  margin: 30px 0px;
}
section.tour div.h4 {
  width: 100%;
}
section.tour div.h4 ul {
  list-style-type: none;
  display: flex;
}
section.tour div.h4 ul li {
  margin-right: 15px;
  font-weight: 400;
  color: #303030;
}
section.tour div.h4 ul li a{
  color: #303030;
}
section.tour div.h4 ul li.bold{
  font-weight: bold;
}
section.tour div.h4 ul li.bold a{
  color: var(--btn-button);
}


section.tour div.widget-2 ul li{
  padding: 10px 20px;
}
section.tour div.widget-2 ul li div.info-tour div.info-tour-top div.image div.info-tour-top-name{
    background: #00000082;
    padding: 5px;
    padding-left: 10px;
    text-align: justify;
}
section.tour div.widget-2 ul li div.info-tour div.info-tour-top div.info-name{
  padding: 10px;
  padding-bottom: 35px;
}
section.tour div.widget-2 ul li div.info-tour div.info-tour-top div.info-name h6, section.tour div.widget-2 ul li div.info-tour div.info-tour-top div.info-name p{
  color: #303030;
  font-size: 14px;
  font-weight: 500;
}
section.tour div.widget-2 ul li div.info-tour div.info-tour-top div.info-name img {
  width: 16px;
  margin-right: 10px;
}
section.tour div.widget-2 ul li div.info-tour div.info-tour-top div.info-name span {
  font-weight: bold;
  font-size: 16px;
  color: red;
  right: 10px;
}
section.tour div.widget-2 ul li div.info-tour div.info-tour-top div.image div.info-tour-top-name a{
  color: #fff;
  text-transform: uppercase;
  font-size: 11px;

}

section.tour-detail div.row ul li div.info-tour div.info-tour-top div.image div.info-tour-top-name{
  background: #338e39a8;
}
section.tour-detail div.row ul li div.info-tour div.info-tour-top div.image div.info-tour-top-name a{
  font-size: 15px;
  font-weight: bold;
  text-transform: uppercase;
  color: #fff;
}
section.tour-detail div.row ul li div.info-tour div.info-tour-top div.info-name span {
  bottom: 15px;
}


section.tour div.content-tour div.thongtin {

}
section.tour div.content-tour div.listtour div.title{
  position: relative;
  display: flex !important;
  width: 100%;
}
section.tour div.content-tour div.listtour div.title label.first {
  width: 14%;
}
section.tour div.content-tour div.listtour div.title label.first strong{
  font-size: 18px;
}
section.tour div.content-tour div.listtour div.title label{
    width: 16%;
    background: var(--background);
    height: 40px;
    line-height: 40px;
    color: #fff;
    font-weight: bold;
    padding-left: 10px;;
    font-size: 16px;
}
section.tour div.content-tour div.listtour div.title label.toursku{
  width: 22%;
  padding-left: 0px;
  text-align: center;
}

section.tour div.content-tour div.listtour div.list-info-item {
  display: flex !important;
  position: relative;
  margin: 10px;
  border-bottom: 1px solid #eeeeee;
}

section.tour div.content-tour div.listtour div.list-info-item div.list-info-item-detail{
  width: 16%;
  padding-left: 10px;
  line-height: 60px;
    font-weight: bold;
}
section.tour div.content-tour div.listtour div.list-info-item div.list-info-item-detail.toursku {
  width: 20%;
  text-align: center;
  padding-left: 0px;
  font-size: 13px;

}
section.tour div.content-tour div.thongtin{
  position: relative; 
  padding-bottom: 20px;
  height: 80px;
}
section.tour div.content-tour div.thongtin > div {
  padding-left: 0px;
}
section.tour div.content-tour div.thongtin div p strong{
  text-transform: uppercase;
  font-weight: bold;
}
section.tour div.content-tour div.listtour {
  border: 1px solid var(--background);
  margin-bottom: 50px;
}
#myModal {
  margin: 50px  auto;
  z-index: 1111111111111;
}
#myModal.reveal {
  transition: 0.5 all;
  display: block;
  visibility: visible;
  top: 0px;
}
section.tour div.content-tour div.listtour div.list-info-item div.list-info-item-detail p {
  font-size: 16px;
}
section.tour div.content-tour div.listtour div.list-info-item div.list-info-item-detail p strong{
  white-space: nowrap;
}
section.tour div.content-tour div.listtour div.list-info-item div.list-info-item-detail.price p{
  font-size: 12px;
  
  color: #303030;
  padding: 15px 0px;
}
section.tour div.content-tour div.listtour div.list-info-item div.list-info-item-detail.price p span,
div.ullisttour p span {
  text-decoration: line-through;
}
div.ullisttour p span {
  white-space: nowrap;
}
section.tour div.content-tour div.listtour div.list-info-item div.list-info-item-detail.price p strong{
  font-size: 16px;
  font-weight: bold;
  color: red;
}
section.tour div.content-tour div.listtour div.list-info-item div.list-info-item-detail.addcart p{
      font-size: 14px;
    text-align: center;
    background: var(--background);
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
    cursor: pointer;
}
section.tour div.content-tour div.listtour div.list-info-item div.list-info-item-detail.addcart p strong{
  font-size: 12px;
  font-weight: bold;
}
section.tour div.content-tour div.listtour div.xemthem {
      position: absolute;
    height: 28px;
    line-height: 28px;
    background: var(--background);
    padding: 0px 20px;
    color: #fff;
    right: 8px;
    cursor: pointer;
    font-size: 14px;
}
section.tour div.content-tour div.short_description {
  margin-bottom: 30px;
  position: relative;
  overflow: hidden;
}
section.tour div.content-tour div.short_description p, section.tour div.content-tour div.short_description span:not(.icon){
  font-family: var(--font-hel) !important;
}
section.tour div.content-tour div.description ul.tabs {
  background: #fff;
  /*border: 1px solid #eeeeee;*/
  border-bottom: 2px solid var(--background);
}
section.tour div.content-tour div.description ul.tabs li.tab-title a{
  background: transparent;
  font-weight: bold;
  font-size: 13px;
  text-transform: uppercase;
}
section.tour div.content-tour div.description ul.tabs li.tab-title {
  background: #fff; 
  border-left: 1px solid #eeeeee;
}
section.tour div.content-tour div.description ul.tabs li.tab-title.active {
  background: var(--background);
  color: #fff;
}
section.tour div.content-tour div.description ul.tabs li.tab-title.active a{
  color: #fff;
}
section.tour div.content-tour div.description ul.tabs li.tab-title a{
  padding: 8px 15px;
}

/*     comments CSS    */

div.rate-comments {
  margin-bottom: 30px;
}
div.rate-comments div.rate-comments-info {
  border: 1px solid var(--background);
  margin-bottom: 30px;
}
div.rate-comments div.rate-comments-info label{
  height: 40px;
  line-height: 40px;
  background: var(--background);
  color: #fff;
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 15px;
}
div.rate-comments div.rate-comments-info div.list-rate{
  display: flex;
  position: relative;
  padding: 20px 10px;
}
div.rate-comments div.rate-comments-info div.list-rate div.first {
  width: 20%;
}
div.rate-comments div.rate-comments-info div.list-rate div.first p{
      line-height: 56px;
    display: flex;
    padding: 35px 0px;
}
div.rate-comments div.rate-comments-info div.list-rate div.first p strong {
  font-size: 45px;
      color: #ffa201;
}
div.rate-comments div.rate-comments-info div.list-rate div.first p img{
  width: 50px;
  height: 50px;
}
div.rate-comments div.rate-comments-info div.list-rate div.second {
  width: 10%;
}
div.rate-comments div.rate-comments-info div.list-rate div.second ul{
  list-style-type: none;
}
div.rate-comments div.rate-comments-info div.list-rate div.second ul li {
  margin-bottom: 5px;
}
div.rate-comments div.rate-comments-info div.list-rate div.thirt {
  width: 50%;
  
}
div.rate-comments div.rate-comments-info div.list-rate div.thirt  ul li{
  position: relative;
  display: flex;
}
div.rate-comments div.rate-comments-info div.list-rate div.thirt ul li div.progressbar{
  width: 63%;
  height: 8px;
  background: #eeeeee;
  margin: 10px;
}
div.rate-comments div.rate-comments-info div.list-rate div.thirt ul li div.content-bar{
  width: 30%;
  padding-left: 2%;
}


div.rate-comments div.rate-comments-info div.list-rate div.end {
  width: 20%;
}
div.rate-comments div.rate-comments-info div.list-rate div.end a{
      background: var(--background);
    color: #fff;
    font-size: 14px;
    padding: 10px 20px;
    position: absolute;
    right: 20px;
    bottom: calc(50% - 20px);

}
div.rate-comments div.rate-comments-list{
      border: 1px solid #eeeeee;
}

div.rate-comments div.rate-comments-list label{
  height: 40px;
  line-height: 40px;
  background: #fff;
  color: #303030;
  font-weight: bold;
  text-transform: uppercase;
  padding-left: 15px;
  border-bottom: 1px solid #eeeeee;
}
div.rate-comments div.rate-comments-list div.comments-box{
  padding: 10px;
}
div.rate-comments div.rate-comments-list div.comments-box ul{
  list-style-type: none;
}
div.rate-comments div.rate-comments-list div.comments-box ul li {
  margin-bottom: 10px;
}
div.rate-comments div.rate-comments-list div.comments-box ul li div.comment-box p{
  font-size: 13px;
}
div.rate-comments div.rate-comments-list div.comments-box ul li div.comment-box p a{
  color: var(--btn-button);
  font-weight: bold;
  font-size: 13px;
}
div.rate-comments div.rate-comments-list div.comments-box ul li div.comment-box p i{
  color: #C4C4C4; 
}
.btn-color{
  color: var(--btn-button);
}
div.rate-comments div.rate-comments-list div.comments-box ul li div.comment-box  div.comment-box-list {
  margin-top: 10px;
}
div.rate-comments div.rate-comments-list div.comments-box ul li div.comment-box  div.comment-box-list ul li{
  padding-left: 15px;
  border-left: 4px solid #f8f8f8;
  margin-bottom: 10px;
}
div.rate-comments div.post-comments{
  border: 1px solid #eeeeee;
  margin-top: 20px;
}
div.rate-comments div.post-comments div.textarea textarea {
  margin-bottom: 0px;
  resize: vertical;
}
div.rate-comments div.post-comments label {
   height: 42px;
   line-height: 42px;
   border-top: 1px solid#eeeeee;
   width: 100%;
   padding-left: 20px;
}
div.rate-comments div.post-comments label a{
  color: var(--btn-button);
  font-weight: bold;
}
div.rate-comments div.post-comments label a.post{
    color: #fff;
    background: var(--background);
    float: right;
    padding: 0px 20px;
}
div.rate-comments div.post-comments label a.post:hover {
  background: var(--bghover);
}
/*     comments CSS    */
section.tour div.content-tour div.listtour div.list-info-item.displaynone { display: none !important; }

.pricing-table .bullet-item {
  border-bottom: none;
}
div.button-check {
      background: var(--background);
    position: relative;
    text-align: center;
}
a#coupon_cart_a {
      line-height: 37px;
    background: var(--background);
    color: #fff;
    font-weight: bold;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
}
input#coupon_cart {
  margin-bottom: 0px;
}
span#total_money {
  color: red;
  font-size: 20px;
  font-weight: bold;
  margin-left: 20px;
}
ul.news_slick li {
  padding: 10px !important;
}
.slick-prev:before, .slick-next:before {
  font-size: 30px !important;
  color: var(--btn-button) !important;
}
section.main-menu-top {
  transition: 1s all;
  opacity: 1;
  background: #fff;
  z-index: 555555555 !important;
  /*position: fixed;*/
/*  top: 0;
  left: 0;*/
  width: 100% !important;
}
/*section.main-menu-top.hidden {
  transition: 1s all;
  opacity: 0;
}*/
h2.slogan {
    position: absolute;
    text-align: center;
    font-family: 'slogan';
    font-size: 130px;
    /*font-weight: 700;*/
    font-style: italic;
    line-height: 130px;
    letter-spacing: 5px;
    top: calc( 50vh - 160px );
    text-shadow: -1px 5px 2px #000;
    left: calc(50vw - 350px);
    /*opacity: .7;*/
    padding: 30px;
    color: #fff;
}
img.img_slogan {
  position: absolute;
  left: calc(50vw - 300px);
  top: calc(50% - 240px);
  max-width: calc( 100vw - 100px );
}
img.to_bottom {
  position: absolute;
  bottom: 70px;
  left: calc(50vw - 25px);
  width: 50px;
}
img.to_bottom.hidden {
  display: none;
}
a.bttop.hidden, a.fbmobile.hidden, a.zalomobile.hidden {
  transition: 1s all;
  opacity: 0;
}
a.fbmobile, a.zalomobile {
  transition: 1s all;
    opacity: 1;
}
section.top-menu.hidden {
  transition: 1s all;
  display: none;
}
a.bttop {
    transition: 1s all;
    opacity: 1;
    position: fixed;
    bottom: 130px;
    right: 10px;
    width: 30px;
    z-index: 1000;
    border-radius: 1000px;
    border: 2px solid #338e39;
    color: #338e39;
    height: 40px;
    text-align: center;
    vertical-align: middle;
    line-height: 33px;
    box-shadow: 2px 3px 6px #a6a6a6;
    background: #fff;
}
a.bttop:hover {
  transition: 1s all;
  line-height: 23px;
  box-shadow: 2px 3px 6px #009688;
}
li.banner-top {
  margin-right: 30px;
}
li.banner-top a img {
  padding-bottom: 9px !important;
}
@-moz-document url-prefix() {
}
div.content-detail div.news_feed {
      padding: 20px;
    background: #f7f7f7;
    border: 1px solid #338e39;
    margin-bottom: 20px;
}
div.content-detail div.news_feed ul li a{
  font-size: 14px;
    color: #303030;
    font-weight: bold;
}
div.content-detail div.news_feed ul li a:hover {
  color: var(--background);
}
div.content-detail div.news_feed ul li a::before {
    content: "\f178";
    right: 15px;
    top: 30%;
    font-size: 25px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    padding-right: 10px;
}
div.like_share{
    height: 50px;
    position: relative;
    padding: 0px;
}
div.like_share div.fb-like,
div.like_share div.fb-save {
  position: relative;
  float: left;
}
div.like_share div.fb-save {
  margin-left: 200px;
}
div.content-detail div.content p{
  text-align: justify;
}
h1.title-new-detail {
  font-size: 30px;
    text-transform: capitalize;
    border-bottom: 1px solid #f7f7ff;
    font-weight: bold;
}
.slick-slide img {
  width: 100%;
}
div.stars {
  width: auto;
  display: inline-block;
  padding: 15px 0px;
}
 
input.star { display: none; }
 
label.star {
  float: right;
  padding: 10px;
  font-size: 36px;
  color: #444;
  transition: all .2s;
  border-top: none !important;
  margin: 0px !important;
  width: 42px !important;
}
 
input.star:checked ~ label.star:before,
input.star:hover ~ label.star:before {
  content: '\f005';
  color: #FD4;
  transition: all .25s;
}
 
input.star-5:checked ~ label.star:before, 
input.star-5:hover ~ label.star:before {
  color: #FE7;
  text-shadow: 0 0 20px #952;
}
 
input.star-1:checked ~ label.star:before,
input.star-1:hover ~ label.star:before { color: #F62; }
 
label.star:hover { transform: rotate(-15deg) scale(1.2); }
 
label.star:before {
  content: '\f006';
  font-family: FontAwesome;
  width: 50px !important;
}
#rate-comments-detail {
  margin-bottom: 30px;
}

ul.show_hotline {
    transition: 0.3s all;
    display: none;
    margin-left: 0px;
    position: absolute;
    background: #fff;
    z-index: 555555;
    width: 250px;
    /*border: 1px solid var(--background);*/
}
li.s_hotline:hover ul.show_hotline {
  transition: 1s all;
  display: block;
  box-shadow: 0px 7px 4px 1px #f2f2f2;
}
ul.show_hotline li {
    height: 50px;
    line-height: 50px;
    border-bottom: 1px solid var(--background);

}
ul.show_hotline li:hover {
  background: var(--background);

}
ul.show_hotline li a{
    width: 100%;
    font-size: 15px;
    white-space: nowrap;
    color: #303030;
}
ul.show_hotline li a b{
  color: var(--background);
}
ul.show_hotline li:hover a, ul.show_hotline li:hover a b {
  color: #fff !important;
}
p a.readmore-comments {
      padding: 5px 15px;
    background: var(--background);
    color: #fff;
    font-size: 14px;
    border-radius: 100px;
    box-shadow: 2px 2px 2px #303030;
}
a.reply_comments i{
  color: var(--background) !important;
}
a.reply_comments:hover i{
  color: var(--bghover) !important;
}
p a.login-button {
      background: var(--background);
    padding: 10px 20px;
    border-radius: 1000px;
    color: #fff;
    box-shadow: 2px 2px 2px #303030;
    margin-bottom: 20px;
}
 .toastify {
    z-index: 999999999999999 !important;
}
ul.language { display: none !important; }
  h1.title-new-detail {text-transform: none; }
  div.widget ul.icon li { display: flex; }
  .menu_primate ul:not(.right):not(.large) li.li-task > ul.sub-menu { width: 350px }
div.content-news ul, div.content-news ul {
    list-style-type: disc;
    margin-left: 1rem;
}
div.news_feed ul li{
   list-style-type: none;
   margin-left: 0px;;
}
@media only screen and (max-width: 40em) {  
  .form-dang-ky {
    padding: 10px;
      padding-bottom: 50px;
    }
}