:root {
    --redColor: #df8d4d;
    --colorBlue: rgb(19, 32, 52);
}

::-webkit-scrollbar {
    width: 2px;
}

::-webkit-scrollbar-thumb {
    background-color: #aaa;
}

::-webkit-scrollbar-track {
    background-color: #f1f1f1;
}

/* css lai giao dien */
/* css home */
.itcodewp_search {
    background: #fff;
    border-radius: 6px;
    display: flex;
    width: 100%;
    margin-bottom: -38px;
    padding-left: 15px;
}

.itcodewp_search .row {
    padding: 0 !important;
    margin: 0;
}

.itcodewp_search button.button_style.button_search {
    padding: 0;
    margin: 0;
    background: #f17e03;
    border-radius: 0;
    height: 100%;
}

.itcodewp_search img {
    width: 78px;
    padding: 10px;
}

.home-search-left {
    width: calc(100% - 50px);
    float: left;
}

select.form-select {
    margin-bottom: 0;
    border-radius: 4px;
    height: 36px;
    border: 1px solid #7f7d7d;
    font-size: 16px !important;
    padding-left: 5px !important;
}

.home-search-right {
    width: 82px;
}

/* css section moment */
.section-moment {
    padding-top: 90px !important;
}

.section-moment {
    text-align: center;
}
.section-moment p {
    font-size: 20px;
}

/* css section where do you? */
.destination-box img {
    padding: 8px;
    height: 40,35%;
    object-fit: cover;
    width: 100%;
}


.destination-box p {
    text-align: center;
    font-weight: 600;
    color: #000;
    margin-top: 10px;
}

a.button.button-plan {
    border: 1px solid #000;
    color: #000;
    font-weight: 300;
    line-height: 37px;
}

/* css section easy booking step */
.booking-title h3 {
    color: #f48220;
    font-size: 40px;
    font-weight: 700;
}

.booking-title p {
    color: #fff;
}

.booking-title p strong, .content-booking strong {
    color: rgb(244, 130, 32);
}

.content-title p {
	font-family: "Neutra Text", sans-serif;
    border-bottom: 1px solid #dfd5d5bd;
    padding-bottom: 15px;
}

.content-booking, .content-title p {
    color: #fff;
}


/* css list tour - row-tour */
/**tour item**/
.slide-tour-row .owl-stage-outer {
    height: calc(100% + 30px);
    margin: -15px;
    padding: 15px;
    width: calc(100% + 30px);
}

.tour-row {
    width: 100%;
    display: inline-block;
}

.tour-row .tour-thumbnail {
    width: 100%;
    height: 250px;
    position: relative;
}

.tour-row .tour-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.tour-row .tour-content {
    width: 100%;
    padding: 20px;
}

.tour-row .tour-content .tour-flex {
    /* display: flex; */
    flex-flow: wrap;
}

.tour-row .tour-content .tour-info {
    width: 100%;
    padding-right: 15px;
}


.tour-row .tour-title h4 {
    position: absolute;
    color:#222
}

.tour-row .button_style.button_tour {
    width: 100%;
    background: #27999e !important;
    padding: 8px 0;
    text-transform: uppercase;
    font-size: 15px;
    margin: 15px 0 0 0;
}

.tour-row .tour-desc {
    color: #808080;
    font-size: 14px;
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.tour-row {
    border: 1px solid #00000059;
}

.tour-title {
    padding: 10px 10px 10px 15px;
}

.tour-row .tour-content .tour-info .duration {
    color: #20252D;
    font-size: 14px;
}

.tour-start-end {
    padding: 10px 0;
}

a.button.btn-tour-more {
    border: 1px solid #000;
    color: rgb(244, 130, 32);
    font-weight: 700;
    line-height: 37px;
    text-transform: math-auto;
    padding: 2px 30px;
	font-style: italic;
}

/* css section renew*/
.our-happy-customer-heading{
	font-size:38px;
	color:#FFF;
	
}

.our-happy-customer-box a {
  color: #fff !important;
}

.our-happy-customer-box {
  padding: 10px;
}

.text-1 {
  padding-bottom:20px;
	
}

.text-2 {		
	color: #fff;
	padding: 20px;
	font-weight:600;
	font-family: "Neutra Text", sans-serif !important;
	font-family:17px;
}

.star-icons {
  display: flex;
  align-items: center;
}

.star {
  color: yellow;
  font-size: 35px;
  margin-right: 5px;
}

.destination-box img {
	width: 100%;
	height: 500px;
	padding: 10px;
}
.destination-box p{
	text-align: center;
	color:rgb(19, 32, 52) !important;
}

.slick-slider {
  display: flex;
  justify-content: center;
	margin-top: 5px;
}

.our-happy-customer-box {
  width: 300px;
  margin: 0 10px;
}

.our-happy-customer-box a {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
}

.our-happy-customer-box div {
  flex: 1;
  color: #ffffff;
  border-radius: 5px;
  padding: 10px;
}

.Our-happy-customer-heading p {
    margin-bottom: 0;
}

.text-2:before {
    content: "";
    background: #fff;
    height: 1px;
    width: 50%;
    display: block;
    bottom: 8px;
    position: relative;
}

.slick-prev:before, .slick-next:before {
	font-size: 28px !important;
}
/*  css blog the inside */
.title-the-inside h3 {
    font-weight: bold;
    margin-bottom: 10px;
}

.title-the-inside p {
    margin-bottom: 35px;
}

.is-divider {
    display: none !important;
}

.blog-the-inside h5.post-title {
    font-weight: 600;
    font-size: 18px;
    margin-bottom: 10px;
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.blog-the-inside p.from_the_blog_excerpt {
    text-align: justify;
}

a.button.primary.is-link.btn-read-more span{
    text-transform: math-auto;
    color: #000;
    font-size: 24px;
    font-weight: 400;
}

.slick-slider-our .slick-prev {
    left: -8px;
    width: 42px;height: 42px;
    z-index: 99999;
}

.slick-slider-our .slick-next {
    right: 0px;
    width: 42px;height: 42px;
    z-index: 99999;
}

/* css section our team */
.home-ig {
    align-items: center;
}

.home-ig p {
    font-size: 16px;
    color: rgb(19, 32, 52);
	margin-bottom: 0;
}

.my-team .clone-desc
{
	font-family: "NunitoSans";
	font-size: 21px;
	
}

/* css responsible travel */
.respon-title h3 {
    font-size: 50px;
    font-weight: 600;
}

.respon-title p {
    font-size: 17px;
}



p.ft-social img {
    width: 25px;
}

p.ft-logo img {
    width: 100%;
}

p.ft-social a {
    margin: 0 5px;
}





.banner-big img {
    width: 100%;
}

.single-post .slide-item img {
    height: 230px;
    object-fit: cover;
}

.single-post .entry-content p img {
/*     margin: 25px 0; */
}

.list-featured p {
    padding: 10px 0;
}


.pagination span.page-number.current, .pagination ul li a:hover {
    background: unset !important;
    border: 1px solid #ff8d00 !important;
    color: #ff8d00 !important;
}

ul.page-numbers.nav-pagination.links.text-center {
    text-align: right;
}

/* css page responsible travel */
.nature-box img {
    border-radius: 50%;
    width: 160px;
    height: 160px;
    object-fit: cover;
}

/* css page project */
.project-ct-1 {
    text-align: center;
}

.project-ct-1 h2 {
    font-weight: 300;
    font-size: 36px;
    line-height: 55px;
}

.project-ct-1 p, .project-ct-2 p, .project-slider p {
    color: #000;
}

.project-social {
    font-size: 20px !important;
    color: #000 !important;
	margin: 20px 0;
}

/* css page our team */
.supernut-slider__main__item {
    max-width: 20%;
    padding: 10px !important;
}

.supernut-slider__main__item.is-selected p, .supernut-slider__nav__item.is-nav-selected.is-selected .name-meet {
    font-weight: 600;
    color: #000;
}

.supernut-slider__main__item p {
    text-align: center;
    margin: 10px 0;
    color: #000;
}

.supernut-slider__nav__item.is-nav-selected.is-selected .des-meet {
    font-weight: 300;
    font-size: 15px;
}

.flickity-prev-next-button {
    opacity: 1 !important;
}

.flickity-prev-next-button.previous {
    left: -35px !important;
    transform: translateX(0%) !important;
}

.flickity-prev-next-button.next {
    right: -35px !important;
    transform: translateX(0%) !important;
}

h2.meet-title {
    text-align: center;
    font-weight: 300;
    font-size: 36px;
}

/* css page labrary */
.title-library h3 {
    font-size: 35px;
    font-weight: 300;
}

.box-img-country img {
    min-height: 240px;
    object-fit: cover;
}

.title-name-country span:last-child {
    display: none;
}

/* css tour details */
.breadcrumbs a, .breadcrumbs span {
    font-weight: 300 !important;
    color: #000 !important;
    font-size: 20px;
}
.tab-help {
    background-color: rgb(19, 32, 52);
}

.tab-help>ul>li>a {
    color: #fff !important;
    width: 100%;
    display: block;
    padding: 20px 6px;
    font-size: 28px;
	font-weight: 300;
	font-family: "NunitoSans";
	text-decoration: none;
}

.tab-help>ul>li {
	text-align: center;
}

.tab-help>ul {
    display: grid;
    grid-template-columns: auto auto auto auto;
    grid-gap: 10px;
}

.content-highlight>.col-inner {
    border-top: 0;
    padding: 28px;
    width: 97%;
    margin: 0 auto !important;
}


.content-itinerary {
    display: flex;
    align-items: center;
    align-content: center;
    flex-wrap: wrap;
}

.content-itinerary h3 {
    font-weight: 400;
    font-size: 22px;
}

.slick-list.draggable {
    padding: 0 !important;
}

.sectoin-intinerary .slick-prev:before, .sectoin-intinerary .slick-next:before {
    color: #000 !important;
    font-size: 32px !important;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #ff8d00;
    color: #ff8d00;
}
.wp-pagenavi a, .wp-pagenavi span {
    border-radius: 20px !important;
    border: 1px solid #e9e9e9;
	text-align: center;
}



.absolute-footer, html {
    background-color: #fff !important;
}

#wrapper, #main {
    background: #fff !important;
}

ul, li {
    margin-bottom: 0px !important;
}

.row-0 {
    padding: 0px 0px !important;
}

.pd-0 {
    padding: 0px !important;
}

.row-5 {
    padding: 0px 10px !important;
}

.pd-5 {
    padding: 0px 5px 8px 5px !important;
}

.row-20 {
    padding: 0px 0px !important;
}

.pd-20 {
    padding: 0px 20px 20px 20px !important;
}

.pd-35 {
    padding: 0px 35px 20px 35px !important;
}

.row-7 {
    padding: 0px 7px !important;
}

.pd-7 {
    padding: 0px 7px 7px 7px !important;
}

.noPadding {
    padding-bottom: 0px !important;
}

.mr-1 {
    margin-right: 10px !important;
}

.mr-2 {
    margin-right: 20px;
}

.mr-3 {
    margin-right: 30px;
}

.mr-4 {
    margin-right: 40px;
}

.mr-4 {
    margin-right: 50px;
}

.ml-1 {
    margin-left: 10px;
}

.ml-2 {
    margin-left: 20px;
}

.ml-3 {
    margin-left: 30px;
}

.ml-4 {
    margin-left: 40px;
}

.mt-1 {
    margin-top: 10px;
}

.mt-2 {
    margin-top: 20px;
}

.mt-3 {
    margin-top: 30px;
}

.mt-4 {
    margin-top: 40px;
}

.mt-5 {
    margin-top: 50px;
}

.mb-1 {
    margin-bottom: 10px !important;
}

.mb-2 {
    margin-bottom: 20px !important;
}

.mb-3 {
    margin-bottom: 30px;
}

.mb-4 {
    margin-bottom: 40px;
}

.mb-5 {
    margin-bottom: 50px;
}

.button_style {
    background-color: var(--primary-color);
    color: #fff !important;
    text-align: center;
    padding: 5px 25px;
    font-size: 19px;
    display: inline-block;
    position: relative;
    overflow: hidden;
    z-index: 9;
    border-radius: 5px;
}

.button_style:before {
    position: absolute;
    top: 0;
    left: -75%;
    z-index: 2;
    display: block;
    content: '';
    width: 50%;
    height: 100%;
    background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0)), to(rgba(255, 255, 255, 0.3)));
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
    -webkit-transform: skewX(-25deg);
    transform: skewX(-25deg);
}

.button_style:hover:before {
    -webkit-animation: shine .75s;
    animation: shine .75s;
}

@-webkit-keyframes shine {
    100% {
        left: 125%;
    }
}

@keyframes shine {
    100% {
        left: 125%;
    }
}

div#top-bar ul li {
    margin: 0px 15px !important;
}

div#top-bar ul li a {
    color: #fff;
    opacity: 1;
}

.header-send a {
    background: #0d496e;
    padding: 4px 10px;
    border-radius: 5px !important;
    font-size: 15px;
}

.home-title h3 {
    font-size: 35px;
    margin: 0;
    line-height: 50px;
}

/* css menu header*/
#masthead ul li.menu-item a.nav-top-link {
	color: rgb(19, 32, 52);
	cursor: pointer;
}

#masthead ul > li.menu-item > a.nav-top-link:after {
    content: '';
    width: 0;
	bottom: 0;
	left: 50%;
    position: absolute;
    height: 2px;
	transform: scaleX(0);
	transform-origin: 0% 50%;
    background: #F58221; ;
    transition: width 0.3s ease, left 0.3s ease;
    bottom: 0;
}
#masthead ul > li.menu-item > a.nav-top-link:hover:after {
    width: 100%;
	left: 0;
	transform: scaleX(1);
	transform-origin: 0% 50%;
}
.nav-dropdown-has-border .nav-dropdown {
    border: 0 !important;
    border-radius: 4px;
    padding: 4px 0;
}
#masthead ul li.menu-item a.nav-top-link:hover {
	color: var(--primary-color) !important;
}


.div_box_menu .icon-box {
    align-items: center;
}

/* css mega menu */
.st_guide {
    padding-top: 0 !important;
}

.st_guide .Col-mega-menu p {
    padding-bottom: 10px !important;
}

.st_guide .box.has-hover:hover {
    transform: translateY(-10px);
}

.st_guide .box.has-hover:hover {
    transition: .4s ease-in-out;
}

.text-destination-menu ul li, .text-destination-menu li:first-child  {
    display: list-item;
    margin-left: 0 !important;
}

/**home title**/
.home-title, .home-title2 {
    width: 100%;
    display: inline-block;
    text-align: center;
}

.home-title2 h3 {
    font-size: 40px;
    color: #5c6a6a;
    margin: 0;
    line-height: 50px;
}

/* css form in banner - home */
input#s {
    border-radius: 30px;
    height: 32px;
    background: #fff;
    border: 2px solid #000;
}
button.ux-search-submit.submit-button {
    border-radius: 0 2px 2px 0;
    padding: 0 15px;
}

/* css form search popup */
.form_advanced input, .form_advanced select {
    width: 26.66% !important;
    float: left;
    margin: 0 .5%;
    border-radius: 2px !important;
    box-shadow: 0 0 !important;
}

.form_advanced li {
    width: 16%;
    list-style: none;
    float: left;
}

.form_advanced li button {
    border-radius: 2px;
    margin-right: 0;
}

.div_box_form {
    background: #373e3e;
    padding: 20px 10px;
    border-radius: 6px;
}

/**post item**/
.post-item {
    width: 100%;
    display: inline-block;
    transition: 0.3s ease-in-out;
}

.col.post-item {
    padding: 0 1%;
}

.post-item .post-thumbnail {
    width: 100%;
    height: 200px;
    border-radius: 6px;
    overflow: hidden;
    transition: 0.3s ease-in-out;
}

.post-item .post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: 0.3s ease-in-out;
    border-radius: 6px;
}

.post-item .post-content {
    width: 100%;
    position: relative;
    padding: 25px 0 0 0;
}

.post-item .post-category {
    background: #a0c85a;
    width: auto;
    padding: 3px 5px;
    border-radius: 6px;
    color: #fff;
    font-size: 15px;
    top: -15px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
}

.post-item .post-content h4 {
    color: var(--colorBlue);
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 25px;
}

.post-item .post-content .post-desc {
    color: #696969;
    font-size: 15px;
    line-height: 25px;
}

.bc__post .post-item:not(:last-child) {
    margin: 0 0 20px 0;
}

.post-item.post-big .post-thumbnail {
    height: 400px;
}

.post-item.post-big .post-content h4 {
    color: var(--colorBlue);
    font-size: 25px;
    line-height: 35px;
}

.post-item.post-big .post-content .post-desc {
    font-size: 16px;
    line-height: 25px;
}

/**slide**/
.owl-dots {
    width: 100%;
    text-align: center;
    margin: 15px 0 0 0;
}

.owl-dots button {
    width: 10px !important;
    height: 10px !important;
    background: #B0B0B0 !important;
    min-height: 10px !important;
    border-radius: 50px !important;
    margin: 0px 5px !important;
}

.owl-dots button.active {
    background: var(--primary-color) !important;
}

.owl-nav button {
    margin: 0px !important;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
}

button.owl-prev {
    left: -55px;
}

button.owl-next {
    right: -55px;
}

.owl-nav button img {
    width: 25px !important;
    height: 25px !important;
}

/**alert**/
.alert-success {
    color: #155724;
    background-color: #d4edda;
    position: relative;
    padding: 0.75rem 1.25rem;
    margin-bottom: 1rem;
    border: 1px solid #c3e6cb;
    border-radius: 0.25rem;
    font-weight: normal;
}

.breadcrumbs-tour img {
    width: 100%;
    height: 70vh;
    object-fit: cover;
}

.breadcrumbs-tour p {
    padding: 5px 5px 0 25px;
}

/**pagination**/
.pagination {
    width: 100%;
    display: inline-block;
    margin: 20px 0 0 0;
}

.pagination ul li a, .pagination ul li span {
    color: #000 !important;
    border: 1px solid #000000;
    width: 40px;
    height: 40px;
    padding: 0px;
    line-height: 40px;
    font-weight: normal;
    background: #fff;
    border-radius: 50% !important;
}

.pagination ul li a:hover, .pagination ul li span:hover {
    background: var(--primary-color);
    color: #fff;
}

.wp-pagenavi {
    width: 100%;
    display: inline-block;
    margin: 20px 0 0 0;
}

.wp-pagenavi a, .wp-pagenavi span {
    background: #fff;
    border-radius: 50% !important;
    color: #000;
    display: inline-block;
    padding: 0px;
    line-height: 33px;
    font-weight: normal;
	transition: all .3s;
	vertical-align: top;
	width: 40px;
	height: 40px;
	line-height: 40px;
}

.wp-pagenavi a:hover, .wp-pagenavi a span.current, .wp-pagenavi span:hover, .wp-pagenavi span span.current {
    background: unset !important;
    color: #ff8d00 !important;
    border: 1px solid #ff8d00 !important;
}
.wp-pagenavi a {
  color: #000 !important;
  border: 1px solid #000000;
  width: 40px;
  height: 40px;
  padding: 0px;
  line-height: 40px;
  font-weight: normal;
  background: #fff;
  border-radius: 50% !important;
  text-align: center;
  transition: all .3s;
  vertical-align: top;
  display: block;
}

/**post grid**/
.post-grid {
    width: 100%;
    display: inline-block;
}

.post-grid .post-thumbnail {
    height: 280px;
    border-radius: 6px;
    overflow: hidden;
    transition: 0.3s ease-in-out;
    width: 220px;
    float: left;
}

.post-grid .post-thumbnail img {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    object-fit: cover;
}

.bc__post .post-grid:not(:last-child) {
    margin: 0 0 20px 0;
}

.post-grid .post-content {
    width: calc(100% - 220px);
    float: left;
    padding-left: 15px;
}

.post-grid .post-content h4 {
    color: var(--colorBlue);
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 25px;
}

.post-grid .post-content .post-desc {
    color: var(--colorBlue);
    font-size: 15px;
    line-height: 25px;
}

.post-big-grid {
    width: 100%;
    height: 100%;
    display: inline-block;
}

.post-big-grid .post-thumbnail {
    height: calc(100% - 20%);
    border-radius: 6px;
    overflow: hidden;
    transition: 0.3s ease-in-out;
    width: 100%;
}

.post-big-grid .post-thumbnail img {
    width: 100%;
    height: 100%;
    border-radius: 6px;
    object-fit: cover;
}

.post-big-grid .post-content {
    width: 100%;
    display: inline-block;
    padding: 15px 0 0 0;
}

.post-big-grid .post-content h4 {
    color: var(--colorBlue);
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    font-size: 25px;
    margin-bottom: 10px;
    line-height: 35px;
}

.post-big-grid .post-content h4:hover, .post-grid .post-content h4:hover, .post-item .post-content h4:hover {
    color: var(--redColor)
}

/**tab**/
.bk-tab ul li {
    margin: 0 10px;
}

.bk-tab ul li a {
    background: #e5e5e5;
    color: #696969;
    font-weight: normal;
    font-size: 14px;
    border: 0px;
    padding: 0 16px;
}

.bk-tab ul li.active a, .bk-tab ul li a:hover {
    background: var(--colorBlue);
    border: 0px;
    color: #fff;
}

/**category**/
.breadcrumbs {
    width: 100%;
    padding: 5px 0 !important;
}

.breadcrumbs a, .breadcrumbs span {
    color: #333;
    font-weight: normal;
}

.category-entry {
    width: 100%;
    margin: 20px 0 30px 0;
    display: inline-block;
}

/**home page**/
.home-title p {
    color: #696969;
    font-size: 15px;
    margin: 10px 0 0 0px;
    line-height: 25px;
	text-align: justify;
}

.home-description {
    color: #727272;
    font-size: 15px;
    margin: 10px auto 0;
    line-height: 25px;
    width: 900px;
    text-align: center;
}

/**review**/
.rating-excellent {
    display: inline-block;
    border: 1px solid #d9d9d9;
    padding: 15px;
    justify-content: center;
}

.rating-excellent .rating-view {
    display: flex;
    align-items: center;
    flex-flow: wrap;
    font-size: 15px;
}

.rating-excellent .rating {
    margin: 0px 15px;
}

.rating-excellent .rating-view .rating span {
    width: 20px;
    height: 20px;
    display: inline-block;
    margin-left: 3px;
    color: #fff;
    font-size: 13px;
    position: relative;
    background: #dcdce6;
}

.rating-excellent .rating-view .rating span i {
    position: relative;
    z-index: 999;
}

.rating-excellent .rating-view .rating span:before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    background: #33b77d;
    top: 0px;
    left: 0;
}

.rating-excellent .rating-view .rating span.star-2:before {
    width: 50% !important;
}

.rating-excellent .rating-view .trust {
    margin-left: 15px;
}

.rating-excellent .rating-view .trust i {
    color: #33b77d;
}

.review-total b {
    color: var(--primary-color);
    text-decoration: underline;
    font-weight: normal;
}

.review-total p {
    font-size: 14px;
    margin: 0;
    line-height: 20px;
}

.review-item {
    width: 100%;
    display: inline-block;
}

.review-item .review-rating i {
    font-size: 14px;
    color: #dcdce6;
}

.review-item .review-rating i.active {
    color: #ffb600;
}

.review-item h4 {
    color: var(--colorBlue);
    font-size: 16px;
    margin: 10px 0;
}

.review-item .review-content {
    font-size: 15px;
    color: #696969;
    margin: 0 0 10px 0;
}

.review-item .review-info {
    font-size: 14px;
    color: var(--colorBlue);
    text-align: right;
    font-style: italic;
}

/**about**/
.gt-about {
    text-align: center;
}


.about-your {
    text-align: center;
    margin-bottom: 65px;
}

.about-blog p.from_the_blog_excerpt {
    font-size: 21px;
    color: #000;
    margin-top: 10px;
    text-align: justify;
    font-family: "NunitoSans";
}

.about-blog h5.post-title {
    font-weight: 700;
    line-height: 28px;
    height: 55px;
    font-size: 24px;
}


/* css page guide */
.inside-content-col-1 {
    display: flex;
    align-items: center;
}

.highlight p {
    color: #ff5500;
    font-size: 14px;
    margin-bottom: 100px;
}

.inside-content-col-1>.col-inner {
    background-color: rgb(19, 32, 52);
}

.inside-content-col-1>.col-inner, .inside-content-col-2>.col-inner {
    padding: 30px 40px;
}

.highlight strong {
    color: #fff;
    font-size: 47px;
    font-weight: 600;
    line-height: 45px;
}

.gidu-highlight p {
    color: rgb(19, 32, 52);
    font-weight: 600;
    font-size: 18px;
    margin: 60px 0
}

a.button.primary.btn-read {
    background-color: rgb(19, 32, 52);
    font-size: 14px;
    font-weight: 600;
    padding: 2px 55px;
}

.gidu-bg>.col-inner {
    background-color: #ff5500;
}
.button_text {
    text-transform: unset !important;
    font-weight: normal !important;
}

.about-item {
    background: #f58220;
    padding: 20px 0;
    border-radius: 10px;
}

.about-item h4 {
    font-size: 50px;
    line-height: 55px;
    color: #fff;
}

.about-item p {
    color: #fff;
    font-size: 18px;
    margin: 0;
}

.about-2 {
    background: #2c729f;
}

.about-3 {
    background: #27999e;
}

.border-10, .border-10 img {
    border-radius: 10px;
}

.travel-destincation {
    background: #5490b5;
    padding: 20px;
    border-radius: 10px;
    text-align: center;
}

.travel-destincation a {
    color: #fff;
    text-transform: uppercase;
    font-size: 25px;
    text-align: center;
    letter-spacing: 10px;
}

.travel-2 {
    background: #7bc1c4;
}

.travel-destincation-list ul li a {
    color: var(--colorBlue);
    font-size: 18px;
}

.travel-destincation-list {
    width: 100%;
    padding: 15px;
}

.travel-destincation-list ul {
    display: flex;
    flex-flow: wrap;
}

.travel-destincation-list ul li {
    list-style: none;
    width: calc(100% / 2);
    margin: 3px 0 !important;
}


.category-filter {
    width: 100%;
    display: inline-block;
    margin: 0 0 20px 0;
    color: gray;
    font-size: 15px;
}

.filter-list ul li {
    list-style: none !important;
    margin: 0 0 10px 0 !important;
}

.filter-list ul li a {
    position: relative;
    padding-left: 30px;
    color: #000;
    font-family: 'NunitoSans';
}

.filter-list.radio ul li a::before {
    border-radius: 50%;
}

.filter-list ul li i {
    color: #FFD344;
    font-size: 13px;
    margin-right: 3px;
}

.filter-list ul li a::before {
    content: '';
    font-size: 15px;
    color: #222;
    position: absolute;
    left: 0;
    width: 20px;
    height: 20px;
    border-radius: 0;
    border: 1px solid var(--colorBlue);
    display: block;
    transform: translateY(-50%);
    top: 50%;
    border-radius: 5px;
}

.filter-list ul li.active a:before {
    content: '\f00c';
    color: var(--primary-color);
    font-size: 13px;
    position: absolute;
    left: 0;
    line-height: 20px;
    text-align: center;
    border: 1px solid var(--colorBlue);
    font-family: 'Font Awesome 6 Pro'
}

.filter-list ul li.active a {
    color: var(--colorBlue)
}

.filter-list ul li a:hover::before {
    content: '\f00c';
    color: var(--colorBlue);
    font-size: 13px;
    position: absolute;
    left: 0;
    border-color: #999;
    line-height: 20px;
    text-align: center;
    font-family: 'Font Awesome 6 Pro'
}

input.form-search {
    width: 100%;
    border-radius: 5px;
    box-shadow: unset !important;
    height: 45px;
    margin: 15px 0 0 0;
}

.form-footer {
    margin: 25px 0 0 0;
/*     padding: 15px 0 0 0; */
/*     border-top: 1px solid #d9d9d9; */
    text-align: right;
}

.form-footer .button_for_search {
    text-transform: unset;
    margin: 0px !important;
    border-radius: 50px;
    padding: 0px 25px !important;
    height: unset !important;
    background: var(--colorBlue) !important;
    margin-bottom: 0px;
}

/**single tour**/
header.header-single-tour {
    width: 100%;
    display: inline-block;
    margin: 0 0 20px 0;
}

header.header-single-tour h1 {
    color: var(--colorBlue);
    font-size: 35px;
    margin: 0 0 15px 0;
}

.single-tour .home-title {
    margin: 20px 0;
}

.tour-avatar img {
    height: 368px;
    border-radius: 15px;
}

.tour-information .tour-info {
    width: 100%;
    background: #f3f3f3;
    border-radius: 15px;
    height: 100%;
}

.tour-information .tour-info .tour-info-body {
    width: 100%;
    padding: 15px
}

.tour-information .tour-info .tour-info-body h3 {
    text-align: center;
    text-transform: uppercase;
    font-size: 20px;
    line-height: 25px;
    color: #c64e4e;
    margin-bottom: 25px;
}

.tour-information .tour-info .tour-time {
    width: 100%;
    display: inline-block;
}

.tour-information .tour-info .tour-time .col.medium-2 {
    width: 20%;
    flex-basis: 20%;
	margin-top: -10px;
}

.tour-information .tour-info .tour-time .col.medium-5 {
    width: 40%;
    flex-basis: 40%;
    max-width: 40%;
}

.tour-info .tour-time img {
    width: 30px;
    height: 30px;
    object-fit: contain;
}

.tour-info .tour-time p {
    margin: 0;
	color: #696969;
}

.tour-info .tour-time-content {
    color: var(--colorBlue);
    font-size: 15px;
    padding-bottom: 15px;
}

.tour-info .tour-time-content.right {
    border-right: 1px solid #ffff;
}

.tour-info .tour-reversible {
    text-align: center;
    margin: 15px 0 10px 0;
    color: var(--colorBlue);
    font-weight: 700;
    font-size: 17px;
}

.tour-info .tour-price {
    text-align: center;
    color: #7b7b7b;
    font-size: 25px;
}

h4.title-lichtrinh {
    font-weight: 400;
    margin-bottom: 20px;
	font-size: 36px;
}

.tour-info a.button_style.button_for_store {
    /* width: 100%;
    padding: 8px;
    margin: 0px;
    display: block;
    background: #f58220;
    text-transform: uppercase;
    font-size: 18px; */
}

/**tour gallery**/
section.tour-gallery {
    width: 100%;
    display: inline-block;
    margin: 90px 0 30px 0;
}


.slide-item.gallery-land img {
    width: 100%;
    height: 400px;
    object-fit: cover;
}

section.tour-gallery h3 {
    color: var(--colorBlue);
    font-size: 40px;
    line-height: 50px;
    margin: 0px;
}

.slide-gallery .owl-dots {
    display: none;
}

.slide-gallery .owl-nav button img {
    width: 8px !important;
}

.slide-gallery .owl-nav {
    position: absolute;
    top: -29px;
    right: 0px;
}

.slide-gallery .owl-nav button {
    position: unset !important;
    width: 35px;
    height: 35px;
    min-height: 35px;
    border: 1px solid #d9d9d9 !important;
    border-radius: 50px !important;
    margin-left: 10px !important;
}

section.tour-help {
    width: 100%;
    display: inline-block;
    margin: 30px 0;
}

h3.tour__title {
    color: var(--colorBlue);
    font-size: 30px;
    margin: 0px;
    line-height: 40px;
}

h3.title_design {
    color: var(--colorBlue);
    font-size: 28px;
    margin-bottom: 25px;
    line-height: 40px;
}

.bd_design_tour {
    border-right: 2px solid #2c729f;
}

.bd_design_tour a {
    background: #f58220;
}

section.tour-help .tour-redirect a i {
    opacity: 0;
}

section.tour-help .tour-redirect a {
    display: block;
    font-size: 25px;
    color: #d6e4ec;
    font-weight: 700;
}

section.tour-help .tour-redirect a:hover i {
    opacity: 1;
}

section.tour-help .tour-redirect a:hover {
    color: var(--colorBlue);
}

.tour-entry {
    margin: 15px 0 0 0;
    font-size: 16px;
    text-align: justify;
}

.tour-entry p, .tour-entry ul li, .tour-entry ol li {
    margin: 0 0 15px 0;
}

.tour-entry ul, .tour-entry ol {
    padding-left: 25px !important;
}

section.tour-list {
    width: 100%;
    margin: 30px 0 0 0;
}

div#highlight .tour-entry {
    color: #fff;
}

div#highlight {
    background: var(--colorBlue);
    padding: 15px;
    margin: 30px 0 0 0;
}

h3.tour_title_2 {
    color: #fff;
    border-left: 1px solid #fdca27;
    border-right: 1px solid #fdca27;
    padding: 0px 15px;
    width: auto;
    display: inline-block;
    font-size: 30px;
    margin: 0px;
    line-height: 40px;
}

.tour-map img {
    width: 100%;
}

.include-list {
    margin: 30px 0 0 0;
}

.include-list p {
    margin: 0 0 20px 0;
    font-size: 15px;
}

.include-list p.included i {
    background: #d1f3e6;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    color: green;
    margin-right: 3px;
}

.include-list .expanded i {
    background: #f8d5d6;
    border-radius: 50%;
    width: 25px;
    height: 25px;
    text-align: center;
    line-height: 25px;
    color: #d42e6a;
    margin-right: 3px;
}

div#intinerary {
    background: #f5f5f5;
    width: 100%;
    padding: 20px;
}

.accordion.bknd-question {
    margin: 30px 0 0 0;
}


.accordion.bknd-question a.accordion-title.plain {
    border-top: 0px !important;
    font-size: 16px;
    color: #242424;
    font-weight: 700;
    padding-left: 10px;
    position: relative;
}

.accordion.bknd-question a.accordion-title.plain.active {
    color: #faba40;
}

.destination-class1 a.accordion-title.plain.active + .accordion-inner p span:hover, .destination-class2 a.accordion-title.plain.active + .accordion-inner p span:hover {
    color: #faba40 !important;
}

.accordion.bknd-question .accordion-item {
    border-top: 0px !important;
    border-bottom: 1px dashed #d9d9d9;
}

.accordion.bknd-question .accordion-item:last-child {
    border-bottom: none !important;
}

.accordion.bknd-question button.toggle {
    right: 0px;
    left: unset !important;
}

.accordion.bknd-question .accordion-inner ul, .accordion.bknd-question .accordion-inner ol {
    margin-left: 20px !important;
}

.accordion.bknd-question .accordion-inner p, .accordion.bknd-question .accordion-inner ul li, .accordion.bknd-question .accordion-inner ol li {
    margin: 0 0 10px 0;
    font-size: 16px;
    line-height: 25px;
}

.accordion.bknd-question .accordion-inner {
    padding: 15px 0;
    color: #242424;
}

#question {
    width: 100%;
    margin: 30px 0;
}

.accordion.bk-question a.accordion-title.plain {
    border-top: 0px !important;
    font-size: 16px;
    color: var(--colorBlue);
    font-weight: 700;
    padding-left: 0px !important;
    position: relative;
}

.accordion.bk-question a.accordion-title.plain span {
    padding-left: 15px;
    width: 90%;
    display: flex;
}

.accordion.bk-question a.accordion-title.plain span i {
    margin-right: 10px;
}

.accordion.bk-question {
    margin: 30px 0 0 0;
}

.accordion.bk-question .accordion-item {
    border: 1px solid #d9d9d9;
    border-radius: 10px;
    margin-bottom: 20px;
}

.accordion.bk-question button.toggle {
    right: 0px;
    left: unset !important;
}

.accordion.bk-question .accordion-inner ul, .accordion.bk-question .accordion-inner ol {
    margin-left: 20px !important;
}

.accordion.bk-question .accordion-inner p, .accordion.bk-question .accordion-inner ul li, .accordion.bk-question .accordion-inner ol li {
    margin: 0 0 10px 0;
    font-size: 16px;
    line-height: 25px;
}

.accordion.bk-question .accordion-inner {
    padding: 15px;
    color: #242424;
}

.accordion.bk-question a.accordion-title.active .toggle i:before {
    content: '\f056' !important;
}

/* css design tour */
div#design_tour {
    text-align: center;
}

.btn_design_tour {
    text-align: center;
}

.btn_design_tour a {
    background: #1e4f70;
    color: #fff;
    padding: 8px 20px;
    border-radius: 6px;
    margin: 0 15px;
}

.btn_design_tour a:nth-child(1):before {
    content: "\f044";
    font-family: 'Font Awesome 6 Pro';
    padding-right: 6px;
}

.btn_design_tour a:nth-child(2):before {
    content: "\f061";
    font-family: 'Font Awesome 6 Pro';
    padding-right: 6px;
}

.btn_design_tour a:hover {
	
	color: #fff;
}

div#map .map {
    display: inline-block;
    margin: 30px 0 0 0;
    width: 100%;
}

.map-description {
    width: 100%;
    display: inline-block;
    text-align: center;
    margin: 20px 0 0 0;
    font-weight: 700;
    color: var(--colorBlue);
}

div#happy_photo {
    width: 100%;
    display: inline-block;
    margin: 30px 0;
}

/**home**/
.easy-item p {
    margin: 0px !important;
}

.easy-item h4 {
    color: var(--colorBlue);
}

.easy-item p {
	color: #696969;
}

.inspiring-item .inspiring-top h4 {
    font-size: 25px;
}

/* .inspiring-item .box-text.text-center {
    width: 100%;
    height: 100% !important;
} */

.inspiring-item .box-image:after {
    content: "";
    position: absolute;
    bottom: 30px;
    width: 80%;
    border-top: 1px solid #fff;
    left: 50%;
    transform: translateX(-50%);
    font-size: 18px;
}

/* .inspiring-item .inspiring-bottom {
    position: absolute;
    bottom: 20px;
    width: 80%;
    border-top: 1px solid #fff;
    padding: 10px 0;
    left: 50%;
    transform: translateX(-50%);
    font-size: 18px;
} */


.tour-about {
    background: #fff;
    padding: 20px;
    margin: 80px 0 0 0;
    width: 100%;
    display: inline-block;
}

.tour-about p {
    margin: 0 0 10px 0;
    color: #696969;
    font-size: 15px;
    line-height: 25px;
}

.tour-about h3 {
    color: var(--colorBlue);
    text-align: center;
    font-size: 25px;
    line-height: 35px;
}

a.button_style.button_about_outline {
    margin: 30px 0 0 0;
    float: right;
    background: transparent;
    border: 1px solid #df8d4d;
    color: #df8d4d !important;
}
a.button_style.button_about_outline:hover {
    background: #df8d4d;
    color: #fff !important;
}

.journey-item h3 {
    font-size: 28px;
    margin: 0;
}

/**post slide**/
.post-slide {
    width: 100%;
    height: 350px;
    position: relative;
}

.post-slide .post-thumbnail {
    width: 100%;
    height: 100%;
}

.post-slide .post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.post-slide .post-content h4 {
    color: #ffff;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 18px;
    margin-bottom: 10px;
    line-height: 25px;
}

.post-slide:before {
    content: '';
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.3);
    position: absolute;
    top: 0px;
    left: 0px;
}

.post-slide .post-content .post-date {
    color: #ffff;
    font-size: 15px;
}

.post-slide .post-content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    padding: 20px;
    z-index: 99;
}

.post-slide .post-view {
    position: absolute;
    bottom: 20px;
    color: #fff;
    font-size: 15px;
    left: 20px;
    text-decoration: underline;
}

.button_blue {
    background: var(--colorBlue) !important;
}

/**footer**/
.menu-footer {
    width: 100%;
    display: inline-block;
    background: var(--colorBlue);
    padding: 40px 0 15px 0;
}

.footer-menu ul li {
    border: 0px !important;
    margin: 0px !important;
}

.footer-menu ul li button.toggle {
    opacity: 1;
}

.footer-menu ul li button.toggle i {
    color: #fff;
    opacity: 1 !important;
}

.footer-bg {
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

.footer-bg .footer-top p {
    margin: 0px !important;
    font-weight: 700;
    color: var(--colorBlue);
    font-size: 15px;
}

.footer-bg .footer-top {
    width: 100%;
    background: #fff;
    text-align: center;
    padding: 10px 0;
}

.footer-bg .col.medium-12.noPadding {
    max-width: 850px;
    margin: 0 auto;
}

.footer-bottom {
    text-align: center;
}

.footer-bottom a {
    display: inline-block;
    width: 100px;
    height: 100px;
    margin: 0 10px;
}

.footer-bottom a img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.footer-bottom {
    width: 100%;
    background: var(--colorBlue);
    padding: 15px;
}

/**tour item**/
.slide-tour-row .owl-stage-outer {
    height: calc(100% + 30px);
    margin: -15px;
    padding: 15px;
    width: calc(100% + 30px);
}

.tour-row {
    width: 100%;
    display: inline-block;
}

.tour-row .tour-thumbnail {
    width: 100%;
    height: 250px;
    position: relative;
}

.tour-row .tour-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
}

.tour-row .tour-content {
    width: 100%;
    padding: 20px;
}

.tour-row .tour-content .tour-flex {
    /* display: flex; */
    flex-flow: wrap;
}

.tour-row .tour-content .tour-info {
    width: 100%;
    padding-right: 15px;
}


.tour-row .tour-title h4 {
    position: absolute;
    color:#222
}

.tour-row .button_style.button_tour {
    width: 100%;
    background: #27999e !important;
    padding: 8px 0;
    text-transform: uppercase;
    font-size: 15px;
    margin: 15px 0 0 0;
}

.tour-row .tour-desc {
    color: #808080;
    font-size: 14px;
	overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}

.des-vietnam {
    text-align: justify;
}

/**single post**/
section.entry-post {
    width: 100%;
    margin: 0 0 15px 0;
}

.single-post h1.post__title {
    font-size: 36px;
    font-weight: 400;
}

p.post-author {
    font-size: 20px;
    color: #000;
    font-weight: 300 
}

section.entry-post .post-banner {
    width: 100%;
    height: 450px;
}

section.entry-post .post-banner img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

section.entry-post .post-banner h3 {
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 50%;
    color: #fff;
    font-size: 100px;
    text-transform: uppercase;
    text-align: center;
    opacity: 0.8;
}

.entry-content h1.post__title {
    color: var(--colorBlue);
    font-size: 30px;
    line-height: 40px;
    margin: 0px;
}

.entry-content .post-date {
    margin: 5px 0 0 0;
    color: #808080;
    font-size: 15px;
}

.entry_post_content a {
    color: #000;
}



#mega-menu-wrap-primary #mega-menu-primary a.mega-menu-link .mega-description-group .mega-menu-description {
    display: none;
}

/**page destination**/
.banner-header {
    width: 100%;
    background: #fff;
    padding: 15px;
}

.banner-header h1 {
    text-transform: unset;
    color: var(--colorBlue);
    margin: 0px !important;
    font-size: 40px;
}

.abouts-tour a {
    color: var(--colorBlue);
    text-decoration: underline;
}

.abouts-tour p {
    color: var(--colorBlue);
    font-size: 16px;
	text-align: justify;
}

.slide-help .owl-stage-outer {
    height: calc(100% + 30px);
    margin: -15px;
    padding: 15px;
    width: calc(100% + 30px);
}

.help-item,.help-item  *  {
    margin: 0px;
    font-family: "NunitoSans";
    color: var(--colorBlue);
}

.help-item ul li {
    font-family: "NunitoSans";
    font-size: 21px;
}
.slide-help .slide-item .help-item {
    max-height: 338px;
    min-height: 338px;
    overflow-y: auto;
}

.help-item h3 {
    margin: 10px 0;
    color: var(--colorBlue);
    font-size: 25px;
}

p.help-title {
    color: #000;
    text-transform: uppercase;
    font-weight: 700;
}

/* .tab-help ul {
    display: flex;
} */

.tab-help>ul>li {
    list-style: none !important;
    margin: 0 15px 0 0 !important;
}

.tab-help>ul>li>a {
    color: var(--colorBlue);
}

.tab-help>ul>li>a:hover, .tab-help>ul>li.active a {
    color: var(--redColor) !important
}

.tab-help>ul>li>a {
    position: relative;
    text-decoration: none;
}
.tab-help>ul>li>a::before, .tab-help>ul>li>a::after {
    content: "";
    position: absolute;
    width: 0;
    height: 2px;
    bottom: 15px;
    transition: width 0.3s ease-in-out;
    background: #fff;
}

.tab-help>ul>li>a::before {
    left: 50%;
    transform: translateX(-50%);
}

.tab-help>ul>li>a::after {
    right: 50%;
    transform: translateX(50%);
}

.tab-help li a:hover:after, .tab-help li.active a:after {
    transition: 0.3s ease-in-out;
    width: 40%;
}

.slide-help .owl-dots {
    display: none;
}

.slide-help .owl-nav button img {
    width: 8px !important;
}

.slide-help .owl-nav {
    position: absolute;
    bottom: -30px;
    right: 0px;
}

.slide-help .owl-nav button {
    position: unset !important;
    width: 35px;
    height: 35px;
    min-height: 35px;
    border: 1px solid #d9d9d9 !important;
    border-radius: 50px !important;
    margin-left: 10px !important;
}

.banner_destination h3 {
    color: #fff;
    margin: 0 0 15px 0;
    font-size: 40px;
    line-height: 50px;
}

.banner_destination p {
    margin: 0 0 10px 0;
    color: #fff;
    font-size: 16px;
}

a.button.primary.is-outline.button_style.button_outline_1 {
    margin: 15px 0 0 0;
}

.color-white h3 {
    color: #fff;
}

.slider_style>.col {
    margin-top: -200px;
}

.slider_style .banner.has-hover {
    width: 210px !important;
    display: inline-block !important;
    border-radius: 10px;
    overflow: hidden;
}

.st_banner_2 {
    padding-top: 290px !important;
    margin-top: -40px;
    z-index: 9;
}

.slider_style h4 {
    font-size: 16px;
    line-height: 26px;
}

.st_banner_l {
    left: 30px;
}

.st_banner_r {
    right: 30px;
}

/* css Discovery */
.Discovery-item .box-image {
    height: 200px;
}

.post-big-thumb {
    width: 100%;
    height: 400px;
    position: relative;
	border-radius: 12px;
    overflow: hidden;
}

.post-big-thumb .post-thumbnail {
    width: 100%;
    height: 100%;
}

.post-big-thumb .post-thumbnail img {
    width: 100%;
    height: 100%;
}

.post-big-thumb .post-content {
    position: absolute;
    bottom: 0px;
    padding: 15px;
    left: 0;
    z-index: 99;
}

.post-big-thumb:before {
    content: '';
    background: rgba(0, 0, 0, 0.1);
    width: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
}

.post-big-thumb .post-content h4 {
    color: #fff;
    font-size: 18px;
    line-height: 25px;
    margin: 10px 0;
}

.post-big-thumb .post-category {
    color: #fff;
    font-size: 16px;
}

.post-big-thumb .post-date {
    color: #fff;
    font-size: 16px;
}

.post-big-thumb .post-desc {
    color: #fff !important;
    font-size: 16px;
}

.post-small-thumb {
    width: 100%;
    display: inline-block;
}

.post-small-thumb .post-thumbnail {
    width: 100%;
    height: 250px;
    border-radius: 12px;
}

.post-small-thumb .post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50px;
}

.post-small-thumb .post-content {
    width: 100%;
    padding: 15px 0 0;
}

.post-small-thumb .post-category {
    font-size: 15px;
    font-weight: 700;
}

.post-small-thumb .post-content h4 {
    color: var(--colorBlue);
    margin: 10px 0;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 18px;
    height: 55px;
}

.post-small-thumb .post-date {
    color: #333;
    font-size: 15px;
}

.post-small-thumb .post-desc {
    color: var(--colorBlue);
    margin: 10px 0 0 0;
    font-size: 15px;
	display: none;
}

/**abouts**/
.banner-abouts-header h1 {
    font-size: 100px !important;
    letter-spacing: 15px;
    line-height: 120px !important;
}

.banner_about .banner-layer {
    width: 100% !important;
}

.about_scroll {
    width: 40px;
    position: absolute;
    bottom: 70px;
    left: 50%;
    transform: translateX(-50%);
    -webkit-animation: 1.5s infinite sdb05;
    animation: 1.5s infinite sdb05;
}

.about_scroll img {
    width: 100%;
}

@keyframes sdb05 {
    0% {
        -webkit-transform: translate(0, 0);
        transform: translate(0, 0);
        opacity: 0;
    }
    50% {
        opacity: 1;
    }
    100% {
        -webkit-transform: translate(0, 40px);
        transform: translate(0, 40px);
        opacity: 0;
    }
}

.home-title h4 {
    color: var(--colorBlue);
    line-height: 40px;
    font-size: 30px;
    margin: 15px 0 0 0;
}

.about-text {
    color: var(--colorBlue);
    font-size: 16px;
    margin: 10px 0 0 0px;
    line-height: 28px;
	text-align: justify;
}

.about-text p, .about-text ul li, .about-text ol li {
    margin: 0 0 10px 0;
}

/* css tab about */
.tabbed-content a {
    transition: background-color 0.5s ease-in-out !important;
	color:#0d496e !important;
	font-weight: lighter !important;
}

.tab_about ul.nav.nav-normal {
    background: #e9e9e9;
}

.tab_about.tabbed-content li {
    margin: 0
}

.tab_about.tabbed-content a {
    color: #df8d4d !important;
    padding: 8px 15px !important;
}

/* .tab_about.tabbed-content a:hover, .tabbed-content li.active a {
    background-color: #2c729f;
    color: #fff !important;
} */

/**trade**/
.circle-about img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.circle-about {
    width: 150px;
    height: 150px;
    border-radius: 100%;
    margin: 100px auto 140px;
    box-sizing: content-box;
    position: relative;
}


.circle-about .trade {
    list-style: none;
    margin: 0px !important;
    position: absolute;
    display: block;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    opacity: 0;
    -ms-filter: "alpha(opacity=0)";
}

.trade-1 {
    bottom: 0px;
    left: -180px;
    -webkit-transform: translate(150px, 0px);
    transform: translate(150px, 0px);
}

.trade-1 img {
    width: 100px;
}

.trade-7 {
    top: -90px;
    left: -100px;
    -webkit-transform: translate(150px, 100px);
    transform: translate(150px, 100px);
}

.trade-7 img {
    width: 70px;
}

.trade-6 {
    bottom: -110px;
    right: -70px;
    -webkit-transform: translate(-100px, -100px);
    transform: translate(-100px, -100px);
}

.trade-6 img {
    width: 70px;
}

.trade-4 {
    top: -110px;
    right: -150px;
    -webkit-transform: translate(-150px, 100px);
    transform: translate(-150px, 100px);
}

.trade-4 img {
    width: 100px;
}

.trade-5 {
    bottom: -100px;
    left: -50px;
    -webkit-transform: translate(100px, -100px);
    transform: translate(100px, -100px);
}

.trade-5 img {
    width: 60px;
}

.trade-3 {
    top: -130px;
    left: 50%;
    -webkit-transform: translate(0, 130px);
    transform: translate(0, 130px);
}

.trade-3 img {
    width: 60px;
}

.trade-2 {
    top: 50%;
    right: -150px;
    -webkit-transform: translate(-150px, 0px);
    transform: translate(-150px, 0px);
}

.trade-2 img {
    width: 70px;
}

.animated .trade {
    opacity: 1;
    -ms-filter: "alpha(opacity=100)";
    -webkit-transform: translate(0);
    transform: translate(0);
}

/* css ceo */
.ceo_img .box-image {
    border-radius: 0px 160px 160px 0px !important;
}

/**time line**/
.about-timeline ul {
    width: 900px;
    height: 2px;
    margin: 0 auto;
    background: var(--colorBlue);
    display: flex;
    justify-content: space-between;
}

.about-timeline ul li a {
    position: relative;
    padding-top: 20px !important;
    display: block;
    font-weight: 700;
    color: var(--colorBlue);
}

.about-timeline ul li {
    margin: 0px !important;
    display: inline-block;
    list-style: none;
}

.about-timeline ul li a span {
    color: var(--colorBlue);
    position: absolute;
    left: 0px;
    top: 20px;
}
.about-timeline ul li a:before {
    background: var(--colorBlue);
    content: '';
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 50%;
    position: absolute;
    top: -8px;
    left: 50%;
    transform: translateX(-50%);
	transition: .3s ease-in-out;
}
.about-timeline ul::-webkit-scrollbar {
    height: 0px;
}

/**gallery**/
.col-7 {
    flex-basis: 14.2857% !important;
    max-width: 14.2857% !important;
}

.img-br {
    margin-bottom: 10px !important;
}

.img-br img {
    width: 100%;
    height: 220px;
    object-fit: cover;
    border-radius: 10px;
}

.social-proof__list-item {
    font-size: 56px;
    line-height: 66px;
    white-space: nowrap;
    margin: 0 0 22px;
}

.social-proof__list-item a {
    text-decoration: none;
    color: #c6c6ca;
    -webkit-transition: color .2s ease-in-out;
    transition: color .2s ease-in-out;
    font-weight: 700;
}

.social-proof__list-item a:hover {
    color: #fff;
}

.team-item {
    width: 100%;
    background: linear-gradient(to right, #fff 16%, #f7fcff 16%, #f7fcff);
    display: flex;
    padding-top: 60px;
    flex-flow: wrap;
}

.team-item .team-avatar {
    width: 120px;
    height: 120px;
    margin-left: 40px;
}

.team-item .team-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 50%;
}

.team-item .team-content {
    width: calc(100% - 160px);
    padding: 0px 30px 30px 30px;
}
.team-item .team-content .team-readmore{
	overflow:hidden;
}
.team-item .team-content h3 {
    margin: 0 0 5px 0;
    font-size: 18px;
    line-height: 25px;
    color: #333;
}

.team-item .team-content p.chuc_vu {
    margin: 0 0 10px 0;
}

.team-item .team-content p {
    margin: 0;
    color: #333;
}

.click-list {
    width: 100%;
}

.click-list .brRight {
    border-left: 1px solid rgba(223, 223, 215, 1) !important;
}

.pdRight {
    padding-left: 40px;
}

.click-item a h3 {
    color: #9b9b94;
    font-size: 16px;
    margin: 0;
}

.click-item a {
    color: #9b9b94;
}

.col.active .click-item h3, .click-item a:hover h3 {
    color: #036;
}

.click-item a:hover p {
    color: #9b9b94;
}

.col-stick {
    position: sticky !important;
    top: 214px;
    text-align: left;
    height: 200px !important;
}

.abouts-post p {
    color: #fff !important;
    font-size: 15px;
}

.abouts-post h3 {
    color: #fff;
    font-size: 40px;
}

a.button.primary.button_style.button_white {
    background: #fff;
    color: var(--colorBlue) !important;
    border-radius: 5px !important;
    padding: 8px 25px;
}

.__post {
    width: 100%;
    background: #fff;
    border-radius: 6px !important;
}

.__post img.avatar {
    width: 100%;
    height: 350px;
    border-radius: 6px 6px 0 0 !important;
    object-fit: cover;
}

.__post .__post_content {
    width: 100%;
    padding: 25px;
}

.__post .__post_content img {
    width: 80px;
    margin-top: -70px;
}

.__post .__post_content {
    font-size: 16px;
}

.__post .__post_content .__post_content-desc {
    margin: 15px 0 0 0;
}

.__post_content-ceo {
    margin: 20px 0 0;
}

/**review tour**/
.slide-review-tour .owl-stage-outer {
    height: calc(100% + 30px);
    margin: -15px;
    padding: 15px;
    width: calc(100% + 30px);
}

.review-tour {
    width: 100%;
    display: inline-block;
    box-shadow: 0px 2px 16px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    padding: 20px;
}

.review-tour .review-star span {
    margin-left: 10px;
}

.review-tour .review-star {
    font-size: 15px;
    color: gray;
}

.review-tour .review-star i {
    font-size: 13px;
    color: #FC0;
}

.review-tour .review-content {
    margin: 15px 0;
    font-size: 15px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.review-tour .review-author {
    display: flex;
    align-items: center;
}

.review-tour .review-author img {
    margin-right: 10px;
}

.review-tour .review-author h4 {
    margin: 0;
    font-size: 16px;
}

.borderSolid {
    width: 100%;
    border: 1px solid #f2f2f2;
    border-radius: 15px !important;
    padding: 20px;
}

.review-tour2 {
    display: flex;
    flex-flow: wrap;
}

.review-tour-2 .review-author-2 {
    align-items: center;
}

.review-tour2 .review-author img {
    width: 100% !important;
    height: 300px !important;
    border-radius: 5px !important;
}


.review-tour-2 .review-content-2 {
    margin: 15px 0;
    font-size: 15px;
    overflow: hidden;
    -o-text-overflow: ellipsis;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.review-name h4 {
    margin: 15px 0 0;
    font-size: 15px;
    color: var(--colorBlue);
}

.slide-item.gallery-land img:hover {
    opacity: 0.6;
}

div#popupForm {
    padding: 0px !important;
    border: 5px solid rgba(255, 255, 255, .2) !important;
    background: transparent !important;
	border-radius: 10px;
	overflow: hidden;
}

.formOjbect {
    background: #fff;
    padding: 20px;
}

.input-object {
    width: 100%;
    box-shadow: unset !important;
    border-radius: 8px !important;
    height: 40px !important;
}

.btnObject {
    width: 300px !important;
    border-radius: 10px !important;
    height: 40px !important;
    margin: 0 auto 0 !important;
    display: block !important;
}

.wpcf7-response-output {
    padding: 0px;
    margin: 0px;
}

div#popupForm form {
    margin: 0px !important;
}

.formOjbect span.price-form {
    width: 100%;
    margin: 0 0 20px 0;
    display: inherit;
    font-weight: 700;
    color: #333;
    font-size: 18px;
}

.formOjbect span.price-form b {
    color: var(--colorBlue);
}

.s-gap-30 {
    padding-top: 30px;
}

.s-gap-15 {
    padding-top: 15px;
}

.s-gap-45 {
    padding-top: 45px;
}

/**contact us**/
.home-title.home-title-line {
    width: 100%;
    position: relative;
    display: inline-block;
    margin: 0 0 30px 0;
}

.home-title-line h1 {
    width: 100%;
    display: inline-block;
    color: var(--colorBlue);
    line-height: 60px;
    font-size: 50px;
    margin: 0px;
}

.home-title.home-title-line h4 {
    font-size: 25px;
    margin: 0px;
    line-height: 35px;
}

.home-title.home-title-line:after {
    content: '';
    width: 100px;
    height: 2px;
    background: var(--colorBlue);
    position: absolute;
    display: block;
    bottom: -10px;
    left: 50%;
    transform: translateX(-50%);
}

.contact__us p {
    color: #333;
    margin: 0 0 10px 0;
}

.contact__us {
    width: 900px;
    margin: auto;
    text-align: center;
    font-weight: 700;
    font-size: 16px;
    color: #333;
}

a.button.primary.is-outline.button_style.button_outline_green {
    border: 1px solid #85b15d;
    color: #85b15d !important;
    font-weight: normal;
    text-transform: unset;
    font-size: 16px;
    margin: 0 !important;
    padding: 6px 25px !important;
}
a.button.primary.is-outline.button_style.button_outline_green:hover {
	color: #fff !important;
	border: 1px solid #fff;
}

.btn_effect span:after {
    content: "\f061";
    font-family: 'Font Awesome 6 Pro';
    margin-left: -8px;
    transition: 0.3s ease-in-out;
	opacity: 0;
}

.btn_effect:hover span:after {
	opacity: 1;
    padding-left: 18px;
}

.bit__contact_info {
    width: 100%;
    display: inline-block;
    background: #ebfade;
    border-radius: 10px;
    padding: 20px;
    color: #90bc6a;
}

.bit__contact_info p {
    font-size: 15px;
    line-height: 25px;
    margin: 0 0 5px 0;
}

.bit__contact_info h3 {
    color: #90bc6a;
    font-size: 20px;
    line-height: 25px;
}

a.button_style.button_outline_green2 {
    background: transparent;
    color: #90bc6a !important;
    border: 1px solid #90bc6a !important;
    margin: 20px 0 0 0;
    font-weight: 700;
}

.bit__contact_primary p {
    margin: 0 0 10px 0;
	text-align: justify;
}

.bit__contact_primary h3 {
    color: #fff;
    font-size: 18px;
    margin: 0 0 10px 0;
    line-height: 25px;
}

.bit__contact_primary {
    width: 100%;
    display: inline-block;
    background: #90c2e2;
    border-radius: 10px;
    padding: 20px;
    color: #fff;
    font-size: 15px;
}

.contact__img {
    width: 220px !important;
    height: 220px !important;
    margin: auto;
}

.contact__img div {
    width: 100%;
    height: 100%;
    border-radius: 50%;
}

.contact__img img {
    width: 100%;
    height: 100%;
    object-fit: cover !important;
    border-radius: 50%;
    object-position: center;
}

/**contact social**/
.social-icons.follow-icons.contact_social a {
    background: #90bc6a !important;
    border-color: #90bc6a !important;
    color: #fff;
    opacity: 1;
    margin: 0 5px !important;
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
}

.bit__partner {
    padding: 15px;
    border-bottom: 1px solid #333;
}

.slide-partner .owl-dots {
    display: none !important;
}

.partner-item {
    width: 100%;
    height: 80px;
}

.partner-item img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.form-group input[type="checkbox"] {
    width: 15px !important;
    height: 15px !important;
    margin-bottom: 0px !important;
    background: transparent !important;
}

.form-group span.wpcf7-list-item label {
    display: flex;
    align-items: center;
    margin: 0px !important;
}

.form-group.form-flex span.wpcf7-list-item {
    width: calc(100% / 2) !important;
    margin: 0px 0 10px 0;
}

.form-group.form-flex span.wpcf7-list-item:nth-child(2n) {
    padding-left: 15px;
}

.form-group.form-flex span.wpcf7-form-control.wpcf7-checkbox {
    display: flex;
    flex-flow: wrap;
}

/**date picke**/
.ui-datepicker-header {
    position: relative;
}
.ui-datepicker table tr td a.ui-state-active,
.ui-datepicker table tr td a:hover,
.ui-datepicker table tr td.tourmaster-highlight a,
.ui-datepicker table tr td.tourmaster-highlight span {
    background: #1680b4;
    color: #fff;
}
.ui-datepicker select {
    color: #485da1;
}
.ui-datepicker {
    background-color: #f5f5f5;
}
.ui-datepicker {
    border-color: #ebebeb;
}
.ui-datepicker table tr th {
    color: #808080;
}
.ui-datepicker table tr td a,
.ui-datepicker-prev,
.ui-datepicker-next {
    background-color: #fff;
}
.ui-datepicker table tr td a,
.ui-datepicker-prev,
.ui-datepicker-next {
    color: #5b5b5b;
}
.ui-datepicker table tr td a.ui-state-disable {
    color: #c0c0c0;
}
.ui-datepicker-prev.ui-state-disabled,
.ui-datepicker-next.ui-state-disabled {
    color: rgba(108, 112, 126, 0.35) !important;
    text-decoration: none;
    pointer-events: none;
}
.ui-datepicker table tr td {
    color: #5b5b5b;
}
.ui-datepicker table tr td.ui-datepicker-week-end {
    color: #d9534f;
}
.ui-datepicker table tr td.ui-datepicker-week-end .ui-state-default {
    color: #d9534f;
}
.ui-datepicker
table
tr
td.ui-datepicker-week-end
.ui-state-default.ui-state-highlight,
.ui-datepicker table tr td.ui-datepicker-week-end .ui-state-default:hover {
    color: #fff;
}
.ui-datepicker-prev,
.ui-datepicker-next {
    position: absolute;
    top: 0px;
    width: 36px;
    height: 36px;
    line-height: 36px;
    text-align: center;
    cursor: pointer;
    border-radius: 4px;
}
.ui-datepicker-prev span,
.ui-datepicker-next span {
    display: none;
}
.ui-datepicker-next {
    right: 0px;
}
.ui-datepicker-prev:after {
    content: "<";
}
.ui-datepicker-next:after {
    content: ">";
}
.ui-datepicker {
    width: 300px;
    padding: 5px;
    display: none;
    background: #ebebeb;
    border-radius: 4px;
}
.ui-datepicker .ui-datepicker-title {
    padding-left: 38px;
    padding-right: 38px;
}
.ui-datepicker .ui-datepicker-month,
.ui-datepicker .ui-datepicker-year,
.ui-datepicker-year {
    width: 48%;
    margin: 0px 1%;
    border: none;
    height: 36px;
    padding: 0px 5px;
    font-weight: 500;
    color: #3d3f47;
    background: #fff;
    float: left;
    background-image: url(../images/down-button.svg) !important;
    background-repeat: no-repeat;
    background-position: right 10px center;
    background-size: 12px;
    margin-bottom: 5px;
    border-radius: 4px;
}
.ui-datepicker table {
    border-collapse: separate;
    border-spacing: 0px;
    background-color: #fff;
    border-radius: 4px;
    margin-bottom: 0;
}
.ui-datepicker table tr {
    background: transparent;
    color: #949494;
    padding: 0;
}
.ui-datepicker table tr th {
    color: #3d3f47;
    background: transparent;
    font-size: 14px;
    padding: 16px 0px 10px;
    text-align: center;
    font-weight: 500;
    border: none;
}
.ui-datepicker table tr th.ui-datepicker-week-end {
    color: #d9534f;
}
.ui-datepicker table td {
    padding: 0px 0px 5px;
    line-height: 1;
    text-align: center;
    color: #c0c0c0;
    border: none;
}
.ui-datepicker table td a,
.ui-datepicker table td .ui-state-default {
    color: #5b5b5b;
    background-color: #ffffff;
    width: 32px;
    height: 32px;
    font-size: 14px;
    line-height: 32px;
    text-align: center;
    display: inline-block;
}
.ui-datepicker table td.ui-state-disabled .ui-state-default {
    background-color: #fff;
    color: rgba(108, 112, 126, 0.35) !important;
    text-decoration: none;
    pointer-events: none;
}
.ui-datepicker table td.ui-datepicker-today a {
    color: #fff;
    background-color: #1ba0e2 !important;
}
.ui-datepicker table td a:hover,
.ui-datepicker table td a:focus {
    color: #fff;
    background-color: #1ba0e2 !important;
}

.header_option {
    border-bottom: 1px solid #f2f2f2;
    width: 100%;
    display: inline-block;
}

.header_op_item {
    display: flex;
    width: 100%;
    flex-flow: wrap;
    align-items: center;
	    padding: 10px 0;
}

.header_op_item .header_op-img {
    width: 40px;
    height: 40px;
	text-align:center;
}
.header_op_item .header_op-img img {
    width: 100%;
    height: 100%;
	text-align:center;
    object-fit: contain;
}

.header_op_item .header_op-title h4 {
    text-transform: uppercase;
    margin: 0px;
    font-size: 15px;
    color: var(--colorBlue);
    line-height: 20px;text-align:center;
}
.header_op_item .header_op-title {
    width: calc(100% - 40px);
    padding-left: 15px;
	text-align:center;
}

.header_option .col.medium-3.noPadding:not(:last-child) {
    border-right: 1px solid #f2f2f2;
}

a.button_ac {
    color: var(--primary-color) !important;
    font-weight: 700;
    font-size: 15px;
}

span.wpcf7-form-control.wpcf7-checkbox {
    display: flex;
}

.supernut-slider__main__item {
    filter: grayscale(40%) brightness(0.75);
    transition: 0.6s ease-in-out !important;
}
.supernut-slider__main__item.is-selected {
  filter: none;
}
::placeholder {
  color: #999;
	padding:0px !important;
}
label{
	font-size:16px;
}
input[type="date"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
select,
textarea {
  	padding:0px !important;
		font-size:16px;
}
.tell-us-more .tell_us {
  border: 1px solid #ccc; 
  height: auto;
  min-height: 20vh; 
  max-height: 70vh;
  overflow-y: auto; 
}

input[type=submit]{
	border-radius:21px;
	color:#132034;
	background-color: transparent !important;
	border: 1px solid #132034;
	text-transform: none;
	width: 8vw;
}
input[type=submit]:hover {
    background-color: #132034 !important;
    color: white;
}
.button-col{
	padding:2%;
}

.tour-journey {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
.tour-journey-brief p,
.tour-journey-brief h3 {
    padding-left: 25%;
}
.mega-menu h3, .text-menu-travelstyle a {
    font-size: 17px !important;
    font-weight: 600;
	color: #000 !important;
		transition: color .3s, opacity .3s, transform .3s;
}


.destination-menu-drop a.button {
    font-size: 14px !important;
    text-transform: capitalize;
    font-weight: 600;
}
 

.mega-menu a {
    font-size: 13px !important;
    transition: color .3s, opacity .3s, transform .3s;
}

.text-destination-menu p {
    margin-left: -14px;
    font-weight: 600;
    font-size: 15px;
	color: #000;
	transition: color .3s, opacity .3s, transform .3s;
}

.mega-menu p:hover,
.mega-menu h3:hover,
.mega-menu .box-text button:hover,
.mega-menu a:hover,
.mega-menu .box-text p:hover {
    color: #faba40 !important;
	transition: color .3s, opacity .3s, transform .3s;
}


/* Menu */
.text-destination-menu p {
    margin-left: -14px;
	transition: color .3s, opacity .3s, transform .3s;
}

.text-menu-travelstyle a:hover {
    color: #faba40 !important;
}

.nav-top-link {
    font-size: 20px;
    font-weight: 100 !important;
}

.section-moment h2 {
    font-size: 43px;
}

a.button.button-plan {
    font-style: italic;
}

.content-title {
    font-size: 24px !important;
}
  .button-col {
    padding: 2%;
  }
  .form-row {
    padding: 0 15%;
  }
  
  .tab-visa .tab-panels {
    height: 500px;
    overflow: auto;
  }
  
  .our-team-pic {
    padding-bottom: 45px;
  }
  .single-noidung h2 {
    font-size: 20px;
  }
  .single-noidung h3 {
    font-size: 18px;
  }
  .supernut-slider__main__item:hover {
    filter: unset;
    transition: 0.6s ease-in-out;
  }

.new--top-bar{
	display:none;
}

.off-canvas-left .mfp-content{
	top:50px !important;
	width: 80% !important;
	align-items: center !important;
}

.nav-vertical>li.html{
	padding:0px !important;
}

.off-canvas:not(.off-canvas-center) li.html {
    padding:0px !important;
}

.off-canvas .sidebar-menu{
	padding:0px !important;
}

.new--logo-menu {
    display: flex;
    justify-content: center;
    align-items: center;
    border-bottom: 1px solid #D5D1D7;
}

.new--logo-menu img {
    max-width: 40%; 
    height: auto;
    padding: 20px 0px;
}

.new--menu-item {
    padding: 10px 0px;
    font-size: 24px;
    width: 100%;
}

.new--search-container {
    display: flex;
    width: 75%;
    margin: 0; 
    padding-bottom: 5px;
    justify-content: flex-start;
    padding-top: 20px;
		margin-left: auto;
    margin-right: auto;
}
.group-menu-1,
.group-menu-2 {
    display: flex;
    align-items: flex-start; 
		flex-direction: column;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px; 
    border-top: 1px solid #D5D1D7;
}
.group-menu-3{
    display: flex;
    align-items: flex-start; 
    width: 60%;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px; 
    border-top: 1px solid #ccc; 
}

.group-menu-3 img{
	padding-right: 10px;
	padding-top: 10px;
}

i.fas.fa-search {
    color: #ABABAB;
		font-size: 18px;
		padding-right: 10px;
}
.new--search-container > input[type="text"] {
    flex: 1;
    border: none;
    outline: none;
    font-size: 19px;
		box-shadow: none !important;
}

.new--search-container > button {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 16px; 
		margin: 0px !important;
		padding: 0px !important;
}

.new--search-container > button img {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 5px;
}

.nav-center{
	justify-content: flex-start !important;
}

.new--center-container img{
	max-width:50%;
	height:auto;
}
li.nav-icon.has-icon {
    width: 10%;
}
.new--logo {
    text-align: center;
}
.topbar-email {
    height: auto;
}
li.html.custom.html_nav_position_text {
    width: 10%;
}
.icon-menu:before {
    color: #CCC;
}
.banner-homepage-mobile{
	padding-top:35px;
}