.rate-wrap i{position:relative;float:left;color:#bebebe;font-size:12px;line-height:21px;width:auto;font-style:normal;font-weight:400}
.hotel-item.style-8 .rate-wrap{padding:10px 0px 3px}
.list-content .hotel-item.style-8 .rate-wrap{-webkit-transform:translateY(100%);-moz-transform:translateY(100%);-ms-transform:translateY(100%);-o-transform:translateY(100%);transform:translateY(100%)}
.hotel-item.style-8 .title h4{margin-bottom:0px; line-height:22px;}
.list-content .hotel-item{border:1px solid #efefef;border-radius:5px}
.search_form {overflow: hidden; position: relative;}
.widget-submit{position:absolute;top:50%;right:19px;width:16px;height:16px;margin-top:-8px;background:url(../img/search_icon_small_grey.png) no-repeat}
.c_pagination ul > li > span.current {background: #f60 none repeat scroll 0 0; color: #fff;}
.c_pagination ul > li > .page-numbers {float: left; background: #555 none repeat scroll 0 0; color: #fff;}
.c_pagination ul a, .c_pagination ul > li > span {border-radius: 4px; display: inline-block; font-size: 12px; height: 30px; line-height: 30px; text-align: center;}
.c-button.b-40 {font-size: 10px; height: 40px; line-height: 36px;  padding: 0 18px;}
.c-button{border-radius:4px}
ul.vc_tta-tabs-list {box-sizing: border-box; display: block; list-style-type: none; margin: 0; padding: 0;}
.vc_tta-tabs-list li.vc_tta-tab.vc_active a {background: #f60 none repeat scroll 0 0; color: #fff;}
.vc_tta-tabs-list .vc_tta-tab {display: block; margin: 1px 0 0 1px;}
.vc_tta-tabs-list li.vc_tta-tab:first-child a {border-top-left-radius: 5px; border-top-right-radius: 5px; overflow: hidden;}
.vc_tta-tabs-list li.vc_tta-tab a {background: #f8f8f8 none repeat scroll 0 0; border: 0 none; border-radius: 0; color: #b9b9b9; display: block; font-size: 13px; font-weight: 400; letter-spacing: 1px; line-height: 16px; margin-bottom: 1px; padding: 14.5px 25px; text-transform: uppercase;}
.detail-content img {
    border-radius: 5px;
    max-width: 100%;
	cursor:pointer;
}
.blog-list .tour-info {
    margin-right: 34px;
}
.tour-info {
    display: block;
    font-size: 12px;
    padding-bottom: 15px;
    text-transform: uppercase;
}
.fl {
    float: left;
}
.input-style-1.brd-0 input {
    border: medium none;
}
.input-style-1.type-2 input {
    padding: 0 20px 0 21px;
}
.input-style-1.b-50 input {
    font-size: 14px;
    height: 50px;
    padding: 0 20px 0 44px;
}
.input-style-1.color-3 input {
    background: #f8f8f8 none repeat scroll 0 0;
    border-color: #f8f8f8;
    color: #b9b9b9;
    opacity: 1;
}
.input-style-1 input {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: 1px solid rgba(255, 255, 255, 0.5);
    color: #fff;
    height: 60px;
    padding: 0 20px 0 50px;
    width: 100%;
}
button, input, select, textarea {
    color: #3b3b3b;
    max-width: 100%;
    vertical-align: baseline;
}
input, textarea {
    border-radius: 0;
    outline: medium none;
    transition: all 0.3s ease-in 0s;
}
.btn-primary {font-weight:bold;color: #fff; background-color: #820e14; border-color: #820e14;padding: 0.75rem 0.75rem;
  font-size: 1.5rem;
  line-height: 1.5;
  border-radius: 0.5rem;}
.btn-primary:hover{color:#ffd03f; background-color: #820e14; border-color: #820e14;}
/*from contact*/
.lienhe-from h2{color:#820e14; font-size:1.5rem; font-weight:bold; text-align:center}
.dangnhap-from {border: 1px solid #ccc; border-radius: 15px;}
.dangnhap-from a {color: #820e14;}
.dangnhap-from h1{color:#820e14; font-size:2rem; font-weight:bold; text-align:center; padding:10px}
.lienhe-from .textlb, .lienhe-from input[type=text], .lienhe-from input[type=password], .lienhe-from textarea, .lienhe-from select{ float: left;
  width: 100%; margin-bottom:15px; padding:8px 20px 8px 8px; border-radius: 4px;}
.dangnhap-from .textlb {font-weight:bold} 
.dangnhap-from input[type=text], .dangnhap-from input[type=email], .dangnhap-from input[type=password]{width: 100%; padding:5px; border-radius: 5px}
input[type="checkbox"]{accent-color:#820e14}
.myred{color:#820e14}
select{-webkit-appearance: none;-moz-appearance: none;appearance: none; background: url(../images/item_down.gif) no-repeat 97% 7px #fff; margin-bottom:15px; padding:8px 20px 8px 8px; border-radius: 4px;}
.slinput i { position: absolute;} 
.slinput .icon { padding-top: 35px;padding-right:5px} 
.fa-gift:before{content:"\f06b";}
.fa-motorcycle:before{content:"\f21c";}
.fa-times-circle-o:before{content:"\f05c";}
.fa-paper-plane-o:before{content:"\f1d9";}
.fa-refresh:before{content: "\f021";}
.fa-angle-right:before {content: "\f105";}
.fa-angle-left:before {content: "\f104";}
.fa-map-marker:before {content: "\f041";}
.fa-globe:before {content: "\f0ac";}
.fa-mobile-phone:before,.fa-mobile:before {content: "\f10b";}
.fa-phone:before {content: "\f095";}
.fa-envelope-o:before {content: "\f003";}
.fa-star:before {content: "\f005";}
.fa-star-o:before {content: "\f006";}
.fa-sign-in:before {content: "\f090";}
.fa-calendars:before {content: "\f073";}
.fa-sign-out:before {content: "\f08b";}
.fa-user-plus:before {content: "\f234";}
.fa-users:before {content: "\f0c0";}
.fa-money:before {content: "\f0d6";}
.fa-truck:before {content: "\f0d1";}
.fa-eye:before { content: "\f06e";}
.fa-undo:before { content: "\f0e2";}
.fa-refresh:before {content: "\f021";}
.fa-spin {
  -webkit-animation: spin 2s infinite linear;
  -moz-animation: spin 2s infinite linear;
  -o-animation: spin 2s infinite linear;
  animation: spin 2s infinite linear;
}
@-moz-keyframes spin {
  0% {
    -moz-transform: rotate(0deg);
  }
  100% {
    -moz-transform: rotate(359deg);
  }
}
@-webkit-keyframes spin {
  0% {
    -webkit-transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
  }
}
@-o-keyframes spin {
  0% {
    -o-transform: rotate(0deg);
  }
  100% {
    -o-transform: rotate(359deg);
  }
}
@-ms-keyframes spin {
  0% {
    -ms-transform: rotate(0deg);
  }
  100% {
    -ms-transform: rotate(359deg);
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(359deg);
  }
}
.header {font-weight: bold;}
.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: #820e14;
    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: #ffd03f;
  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: #ffd03f;}
.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.png) center center no-repeat;
}
.phone-mobile {display: none;}
.add-on {
    position: fixed;
    left: 13px;
    background: #fff;
    border-radius: 5px;
    z-index: 150;
    bottom: 10px;
    padding: 10px 0;
    border: 1px solid #f2f2f2;
}
.add-on ul {list-style: none;padding: 0;margin: 0;}
.add-on ul li {list-style: none!important; margin-bottom: .6em;}
.add-on ul>li a {
    border:none;
    padding: 3px;
    display: block;
    border-radius: 5px;
    text-align: center;
    font-size: 10px;
    line-height: 15px;
    color: #515151;
    font-weight: 700;
    max-width: 72.19px;
    max-height: 54px;
    text-decoration: none;
}
.add-on ul>li .chat_animation{display:none}
.add-on ul>li a i.icon-map {
    background: url("../images/icon-map.png") no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}
.add-on ul>li a i.icon-zalo {
    background: url("../images/icon-zalo.png") no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}
.add-on li .button { background: transparent;}
.add-on ul>li a i.ticon-angle-up {
    background: url("../images/item-top.png") no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}
.add-on ul>li a i {
    width: 33px;
    height: 33px;
    display: block;
    margin: auto;
}.add-on ul li .button .btn_phone_txt {
    position: relative; top:35px;
    font-size: 10px;
    font-weight: bold;
    text-transform: none;
}
.add-on ul li .button .phone_animation i {
    display: inline-block;
    width: 27px;
    font-size: 26px;
    margin-top: 12px;
}.add-on ul>li a.chat_animation svg {
    margin: -13px 0 -20px;
}
.add-on ul>li a i.icon-messenger {
    background: url("../images/icon-messenger.png") no-repeat;
    background-size: contain;
    width: 36px;
    height: 36px;
    display: block;
}.add-on ul li .button .phone_animation i {
    display: inline-block;
    width: 27px;
    font-size: 26px;
    margin-top: 12px;
}
.add-on ul>li a i.icon-sms {
    background: url("../images/icon-sms.jpg") no-repeat;
    background-size: contain;
    width: 38px;
    height: 36px;
    display: block;
}
.add-on ul>li a i.icon-phone-w {
    background: url("../images/icon-phone-w.png") no-repeat;
    background-size: contain;}
.add-on ul li .button .btn_phone_txt {
    position: relative;
}
.minicart_header{text-align:center !important; color:#820e14; font-weight:bold}
.list-group-item .media-heading {text-align:left !important;}
.list-group-item {
  border:none;
  border-top: 1px solid rgba(0, 0, 0, 0.125) !important;
}
.dropbtn {
  height: 32px;
  width: 32px;
  border:none;
  background: url("../images/mobile-cart.svg") no-repeat center center;
  position: absolute;
  right:10px;
  top:-38px;
  padding:15px;
}
.cartdropdown {
  position: relative;
}
.cartdropdown .number-cart{
	position: absolute;
	top: -42px;
	right: 0px;
	height: 18px;
	width: 18px;
	line-height: 18px;
	background-color: #fff;
	color: #820e14;
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
	border-radius: 50%;
}
.cart-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 260px;
  right:0;
  top:0;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 2;
}
.cart-content h5 a{color:#820e14}
.cart-content .list-group-item{padding:5px 8px; text-align:left;}
.cart-content a {
  color: black;
  text-decoration: none;
  display: block;
}

.cartdropdown:hover .cart-content {display: block;}
/*----------- End Cart --------------*/
.group_qty{border: 1px solid #f1f1f1; font-size:2rem}
.group_qty .btn-default {border:none;background:none;padding:2px 10px}
.group_qty .number{width:60px;text-align:center;padding:2px 10px}
.updown .btn {font-size:2rem}
.updown .addcart{padding:2px 10px;border:1px solid #820e14;color:#820e14}
.updown .addcart.active, .updown .addcart:hover{background:#820e14;;border:1px solid #820e14;color:#fff}
.updown .buynow{padding:2px 10px;border:1px solid #df8827;color:#df8827}
.updown .buynow.active, .updown .buynow:hover{background:#df8827;;border:1px solid #df8827;color:#fff}
.swatch .select-swap {display: inline-block;vertical-align: middle}
.swatch .swatch-element {display: inline-block;margin-right: 8px;position: relative;vertical-align: bottom}
.swatch input {display: none}
.swatch input:checked + label {border: 1px solid #e4393c}
.swatch .swatch-element:not(.color) label {padding: 0 5px}
.swatch .swatch-element label {display: block;margin: 0;margin-bottom: 0px;background: #fff;min-width: 40px;height: 35px;line-height: 35px;position: relative;border: 1px solid #e5e5e5;font-weight: 500;text-align: center;cursor: pointer;margin-bottom: 8px;border-radius: 4px}
.swatch input:checked + label img.img-check {display: block}
.swatch .img-check {display: none;position: absolute;right: 0;bottom: 0}
#pricesales {font-size: 3rem;}
.price_old{text-decoration: line-through;}
.price{color:#df8827; font-weight:bold}
.color-text{color:#e4393c}
.mega-menu .menu-links .smenu:hover{color:#000 !important; text-decoration:none;}
.mega-menu .menu-links .smenu:hover.active{color:#000 !important}

.search-content {
  color: black !important;
  display:none;
  position: absolute;
  background-color: #f1f1f1;
  max-width: 350px;
  right:0;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}
.search-content .price_old{font-size:1rem;}
.search-content .price{font-size:1.2rem;}
.search-content h5 a{color:#820e14}
.search-content .list-group-item{padding:5px 8px; text-align:left;}
.search-content a{
  color: black;
  text-decoration: none;
  display: block;
}
.search-content a:hover{color: black !important;}
.search-content a:hover.active{color:#f16522}
#search:hover .search-content {display: block;color: black !important;}

.autocomplete-suggestion {
 padding:5px;
 border-bottom:1px solid rgba(0,0,0,.05);
 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;
 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;
 cursor:default
}
.autocomplete-suggestion .search-name {
 -webkit-box-flex:1;
 -ms-flex:1;
 flex:1
}
.autocomplete-suggestion img {
 width:40px;
 border-radius:5px;
 height:40px;
 display:inline-block;
 margin-right:10px
}
.autocomplete-suggestion img+.search-name {
 margin-top:-.15em;
 padding-left:.5em
}
.autocomplete-suggestion .search-price {
 padding-top:3px;
 margin-left:5px;
 font-size:.8em
}
.autocomplete-suggestion:last-child {
 border-bottom:none
}
.autocomplete-selected {
 background-color:rgba(0,0,0,.05)
}
.live-search-results{max-height: 50vh; overflow-y: auto}

/*cart */
.shopping-cart{border-right: 1px solid #ccc; border-top: none;}
.product-image { float: left; width: 15%; }
.product-details-label { float: left; width: 50%; }
.product-details { float: left; width: 30%; padding-left:10px; }
.product-price { float: left; width: 15%; }
.product-quantity { float: left; width: 20%; }
.product-removal { float: left; width: 5%; }
.product-line-price { float: left; width: 15%; text-align: right; }

.bt_up, .bt_down {
  width: 25px;
  line-height: 25px;
  height: 30px;
  border: 0px;
}
.input_qty {
  width: 35px;
  text-align: center;
  border:0;
}
/* This is used as the traditional .clearfix class */
.group:before,
.group:after {
    content: '';
    display: table;
} 
.group:after {
    clear: both;
}
.group {
    zoom: 1;
}

/* Apply dollar signs */
.product .product-price:after, .product .product-line-price:after, .totals-value:after, .price:after {
  content: url(../images/vnd.svg);
  width: 11px;
  height: 11px;
}
.border-bottom{padding-bottom: 5px; margin-bottom: 15px;border-bottom: 1px solid #ccc;}
.border-bottom .price{font-size:1.5rem; color:#df8827; float:right}
/* Column headers */
.column-labels label {
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
	font-weight:bold;
  }

.box-price .column-labels{
	padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #ccc;
	font-weight:bold;
}
.box-price .column-labels label{
	border: 0;
	font-weight:normal;
	padding:0; margin: 5px 0;
}
.box-price input[type="radio"]:checked + label {
    font-weight:bold;
	accent-color: #820e14;
}
.box-price input[type="radio"]{
    accent-color: #820e14;
}

/* Product entries */
.product {
  margin-bottom: 20px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ccc;
  background-color: #fff;
  float:left;
  .product-image {
    text-align: center;
    img {
      width: 100px;
    }
  }
  
  .product-details {
    .product-title {
      margin-right: 20px;
    }
    .product-description {
      margin: 5px 20px 5px 0;
      line-height: 1.4em;
    }
  }
  
  .product-quantity {
    input {
      width: 40px;
      
    }
  }
  
  .remove-product {
    border: 0;
    padding: 4px 8px;
    background-color: #c66;
    color: #fff;
    font-size: 12px;
    border-radius: 3px;
  }
  
  .remove-product:hover {
    background-color: #a44;
  }
}

/* Totals section */
.totals {
  .totals-item {
    float: right;
    clear: both;
    width: 100%;
    margin-bottom: 10px;
    
    label {
      float: left;
      clear: both;
      width: 79%;
      text-align: right;
    }
    
    .totals-value {
      float: right;
      width: 21%;
      text-align: right;
    }
  }
}