:root {
    --red:#f1403f;
    --green:#009688;
    --blue:#158EC8;
    --yellow:#ffd938;
    --orange:#cd5823;
    --darkblue:#26243a;
    --lightgreen:#45d7c9;
    --lightorange:var(--green);
}
button, input[type=submit] {border:none}
button:hover, input[type=submtit]:hover, .readmore:hover, .button:hover {text-decoration: none}
body {overflow-x:hidden; font-family: nunito}
header .container {position: relative;}
.inner {float:left; width: 100%}
.element {position: relative;}


.heading-title {
    font-size: 36px;
    font-weight: 400;
    text-transform: none;
    width: 100%;
    font-style: normal;
    color:#000000; 
    text-align: center;
    text-decoration: none;

}
.heading-title-shadow {text-shadow:0.0625rem 0.0625rem 0.3em #666}
.heading-title-white {color:white !important}
.heading-title-small {font-size: 22px; margin-bottom: 0}
.heading-title-big {font-size:60px}
.description-text {font-size: 16px; color:#666; text-align: center; width: 100%; margin-bottom: 40px}

#menu-mobile {display: none}
div {box-sizing: border-box;}
#breadcrumbs {text-align: right;}
.search-form__field[type=search] {font-weight: 100; font-family: nunito}
.search-form__submit.btn {margin-top:-5px; width: 40px; height: 40px; font-size: 15px; padding:7px; background:var(--lightorange);border-color:var(--lightorange);}
.text-align-center {text-align: center}
.heading {width:100%; font-size: 30px; font-family: nunito; color:var(--green); line-height: 40px; margin-bottom: 20px; font-weight: bold; }
.sub_title {width:100%; font-size:18px; line-height: 25px; font-family: nunito; color:var(--green); margin-bottom: 30px}



.post_content {font-family: 'nunito' !important}
.post_content * {font-family: 'nunito' !important}

.post_content img {max-width: 100% !important; height:auto !important;}
.des {width:100%; font-size:14px; line-height: 25px; margin-bottom: 30px}
.under-line  {width:100px; height:5px; background:#43BDEE; margin:auto; margin-top:10px; margin-bottom:30px}
#wrapper {float:left; width:100%;}  
.main {max-width:1100px; margin:auto; height:auto;  position:relative; z-index:2}
.main-1000 {max-width: 1000px}
#main {background-image: linear-gradient(to bottom, rgba(0, 0, 0, .2), rgba(0, 0, 0, .2)), url('../../templates/images/bg3.jpg'); 
      background-size:100% 100%;width:100%;  background-attachment: fixed; float:left; height:auto; padding-bottom:20px;}
ul,li{margin:0; padding:0; list-style-position: inside !important}

.show_success {
  background: lightgreen;
  border: 1px solid var(--green);
  color:var(--green);
  border-radius: 3px;
  margin: 10px 0;
  padding: 10px;
}
.show_error {
  background: lightpink;
  color:var(--red);
  border: 1px solid var(--red);
  border-radius: 3pxx;
  margin: 10px 0;
  padding: 10px;
}

#total_payment {font-size: 20px; font-weight: bold; color:var(--red);}

.block_heading {width:100%; padding:10px; background:var(--green); color:white; font-weight: bold; text-align: center; font-size:14px;}
.booking {width:100%; padding:10px 0;}
.booking input[type="text"], .booking textarea, .booking select {padding:5px 15px;background:#eee; border-radius: 0; box-shadow: none; height: 40px}

.error{color: crimson}
.modal-dialog{width: 80% !important}
.social {width:100%; margin:10px 0;}

.social_footer {width: 100%; clear:both;}

.social_footer .facebook_icon {display: block; float: left;   position: relative; width:40px; height: 40px; margin-right: 10px}
.social_footer .facebook_icon  {border:3px solid white; width: 30px; height: 30px; font-size: 20px; padding:5px 5px 0 5px; border-radius: 8px; display: block;}
.social_footer .instagram_icon {display: block; float: left; font-size: 35px; position: relative; width: 40px; height: 40px;; line-height: 30px}

.social_footer .instagram_icon:hover {color:#f15234 !important}
.social_footer .facebook_icon:hover {color: #4267b2; border-color:#4267b2;}
.social_footer a:hover {text-decoration: none}

.other_news {list-style-type:square; margin-left:15px;}
.breadcrumb{background:white !important;}


.datepick{width: 100%}
.k-datepicker .k-input, .k-timepicker .k-input{border: none}

.place2:hover .content {height: 40px !important; transition: all .5s}
.place2 {width:100%; height:0; padding-bottom:70%; position:relative; margin-bottom: 30px;}
.place2 .img {width:100%; height: 0; padding-bottom:70%; position: relative;}
.place2 .img img {position: absolute; object-fit: cover; left:0; top:0; width:100%; height: 100%; right: 0; bottom:0;}
.place2 .info {position:absolute; bottom:0; left:0; width:100%; padding:10px 10px; background: #ffd938}
.place2 .info .title { width:100%; font-size:20px; font-weight: bold;  font-family: nunito}
.place2 .info .content { width:100%; height:0;line-height: 20px;  overflow:hidden; transition: all .5s}
.place2 a {color:white;}
.place2 a:hover {color:white;}

.place_des {width: 100%; overflow: hidden; margin-bottom: 30px}
.place_des * {max-width: 100% !important}
.place_des table {display: block;
        overflow-x: auto;
        white-space: nowrap;}
.place_des img {height: auto !important; max-width: 100% !important}

#place .col-md-4:nth-child(4n+1) .info {background:var(--red);}
#place .col-md-4:nth-child(4n+2) .info {background:var(--lightorange);}
#place .col-md-4:nth-child(4n+3) .info {background:var(--yellow);}
#place .col-md-4:nth-child(4n+4) .info {background:var(--blue);}

/*---Contact---*/
.contact_ctn h2{margin-top:0}
.contact_ctn li div {padding-left:33px}
.error {color:crimson !important; font-size:15px}
.show_success {color:green; font-size:18px}

#map-canvas {color:black;}
#map-canvas1 {width: 100%;height: 400px;margin-bottom:20px;}

.book_show{display: none}


.pagination1{text-align: center; margin: 20px 0}
.pagination1 strong{padding: 10px 12px; background:#C20509; color: #fff }
.pagination1 a{background: #2b78d2; padding: 10px 12px; color: #fff}
.pagination1 a:hover{text-decoration: none; color:#C20509; font-weight: bold }
.pagination1 .current{padding: 10px 12px; background:#25ab4b; color: #fff}

/*-----Media 1199px-----*/
@media screen and (max-width:1199px){

}
/*-----Media 991px-----*/
@media screen and (max-width:991px){

}
/*-----Media 767px-----*/


@media screen and (max-width:767px) {
.main-navigation li a {
        padding: 10px 15px 10px 15px !important;
      
    }
    .main-navigation-inner {
        /*background-color: #009688!important;*/
    }
    .main-navigation a,
    .menu-item-has-children:before {
        color: #fff !important;
    }
.list_news {height: auto !important; float:left;padding-bottom: 0 !important; margin-bottom: 10px !important}
.list_news2 li {width: 100% !important}
.blog {margin-bottom: 10px !important}
}

/*-----Media 459px-----*/
@media screen and (max-width:459px) {
  .col-xs-6 {width:100% !important}
  .heading {font-size:25px; text-align: center}
#article_responsive {width:100%}
}
/*-----Media 355px-----*/
@media screen and (max-width:355px){
}
.padding80 {padding:50px 0 50px 0;}
.padding-bottom80 {padding-bottom: 80px} 
.width100 {width:100%; position: relative;}
.no-padding {padding:0 !important;}

.flipster__container {text-align: center}
.tour-info {float:left;width:100%; padding:10px; position: relative; margin-bottom: 20px; line-height: 25px}
.tour-info .des {height: 95px; text-align: center; overflow:hidden;float:left;width:100%; font-size:20px; color:#666; padding:10px;}
.tour-info i {width: 25px}
.tour-info .des span{ line-height: 25px; height: 75px; display: block; overflow: hidden}
.tour-info h1 {font-family: nunito; text-shadow:2px 2px 10px black; margin-bottom: 40px}


.tour-info .price {font-size: 20px;  border-radius:20px; display: inline-block;margin:0;}
.tour-info .price b {font-size: 30px; color:crimson}

.tour {width:100%; margin-bottom: 30px; transition: all .5s; float:left}
.tour:hover { transition:all .5s; box-shadow: 5px 6px 29px -1px rgba(0, 0, 0, 0.24) !important;}
.tour .img {width:100%; position: relative; height: 0; padding-bottom: 70%; box-shadow:0px 20px 20px 0px rgba(0,0,0,0.14)}
.tour .img img {width:100%; height: 100%; object-fit: cover; position: absolute; left:0; top:0;}
.tour .stars {position: absolute;bottom: 0 ;right: 0; color:var(--yellow); text-align: right; width:100%;padding:10px; z-index:1;background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,.5))}
.tour .code {position: absolute; left:-10px; bottom: -10px; padding:10px 15px; z-index:2; background:white; color:var(--blue); box-shadow:0px 0 10px 0px rgba(0,0,0,0.14)}
.tour a {text-decoration: none; color:black;}
.tour a:hover, .tour:focus {text-decoration: none}
.tour .title {font-size:15px; font-weight: bold;  margin-top:30px;padding:0 10px; line-height: 20px; height: 40px; overflow: hidden}
.tour .info {width:100%; padding:0 10px 10px 10px; line-height: 20px; font-size: 12px; overflow: hidden}
.tour .brief {line-height: 18px; height: 36px; padding:0 10px;font-size: 12px; margin-top:10px; color:#777; font-weight: 500; overflow: hidden; width:100% ; }
.tour .book {padding:10px; background:var(--green); border-radius: 20px; font-size: 12px; text-align: center; width: 100px; font-family:nunito; margin:10px auto 15px auto;text-transform: uppercase; color:white; font-weight: bold}
.tour .book:hover {background: var(--blue)}

.border-eee {width:100%; padding: 10px 0; border:1px solid #eee;}
.chuongtrinh {width:100%; margin-top:30px; border-bottom:1px solid var(--green) !important}
.chuongtrinh a {color:#333 !important; text-transform: uppercase; border-radius: 0 !important;  padding:15px 15px 10px 15px !important;}
.chuongtrinh li {font-size:17px; font-family:Nunito, sans-serif;;}
.chuongtrinh>li>a, .chuongtrinh>li>a:focus {border:none !important;}
.chuongtrinh>.active>a ,.chuongtrinh>.active>a:focus {
    border-top:1px solid var(--green) !important; 
    border-left:1px solid var(--green) !important; 
    border-bottom:3px solid var(--green) !important;
    border-right:1px solid var(--green) !important;
}
.chuongtrinh li.active a {background: var(--green) !important; color: #fff !important; }

#chuongtrinh img {max-width: 100% !important; height: auto !important}
#chuongtrinh ul {list-style-position: inside !important}
 
.news_index {width:100%; margin:30px 0;}


.blog-long {padding-bottom: 129% !important}
.blog {margin-bottom:30px;width:100%; height: 0; padding-bottom: 60%; position: relative;overflow: hidden}
.blog img {width: 100%; height: 100%; position: absolute; left:20px; top:0;bottom:0; object-fit: cover}
.blog .title {position: absolute;left:0; bottom:0; font-size:15px;  color:#333;}

.list_news {height: 0; position: relative; width: 100%; padding-bottom: 60%; margin-bottom: 30px}
.list_news li {list-style:none; width: 100%; margin-bottom: 5px; float:left;}
.list_news a {font-family: 'nunito'; color:#333;}
.list_news a span {margin-right: 10px; display: inline-block; font-size: 15px}

.list_news2 li {width: 50%;}

.news {width:100%; padding:20px;box-shadow:0px 0px 20px -6px rgba(0,0,0,0.24); text-align: center; transition: all .5s; margin-bottom: 30px}
.news:hover {box-shadow: 5px 6px 29px -1px rgba(0, 0, 0, 0.24) !important; transition: all .5s}
.news:hover a {color:var(--lightorange);}
.news:hover .date i {color:var(--green);}
.news .img {width:100%; position: relative; height: 0; padding-bottom: 70%; overflow: hidden; }
.news .img img {width:100%; min-height: 100%; object-fit: cover; position: absolute;left:0; top:0;}
.news a {text-decoration: none; color:black;}
.news a:hover, .news a:focus {text-decoration: none}
.news .title {font-size:16px; font-weight:bold; padding:0; line-height: 20px; height: 40px; overflow: hidden}
.news .date {width:100%; font-size:14px; color:#666; margin:20px 0;}
.news .date i {color:var(--lightorange); width:20px;}
.news .info {width:100%; color:#aaaaaa; font-size: 14px; font-weight: 500; line-height: 20px; height: 40px; overflow: hidden; margin-bottom:20px;}
.news .readmore {width:120px; margin:auto; padding:10px; font-size: 12px; border-radius: 20px; background:var(--lightorange); font-weight:bold; text-transform:uppercase;color:white}

.vertical-news {width:100%; margin-bottom: 40px; padding-left:280px; height: 180px}
.vertical-news a {color:black; text-decoration: none}
.vertical-news a, .vertical-news a:hover, .vertical-news a:focus {text-decoration: none}
.vertical-news .img {width:260px; height: 180px; position: absolute; left:15px; top:0;}
.vertical-news .img img {width:260px; height: 180px; object-fit: cover}
.vertical-news .title {width:100%; padding:0; margin:0 0 10px 0; font-size: 18px; font-weight: bold; font-family: nunito }
.vertical-news .date {width:100%; font-size:14px; color:#666; margin-bottom:20px;}
.vertical-news .date i {color:red; width:20px;}
.vertical-news .info {width:100%; font-size:13px; line-height: 20px; height: 40px; overflow: hidden}
.vertical-news .readmore {width:100%; color:var(--lightorange); font-weight: bold; margin-top:10px; font-family: nunito; font-size: 15px}

.vertical-tour {width:100%;  margin-bottom: 30px; padding-left:180px; height: 120px; position: relative; overflow: hidden}
.vertical-tour a {color:black; text-decoration: none}
.vertical-tour a, .vertical-news a:hover, .vertical-news a:focus {text-decoration: none}
.vertical-tour .img {width:160px; height: 120px; position: absolute; left:0; top:0;}
.vertical-tour .img img {width:160px; height: 120px; object-fit: cover}
.vertical-tour .title {width:100%; padding:0; margin:0 0 10px 0; font-size: 18px; font-weight: bold; font-family: nunito }
.vertical-tour .price {width:100%; font-size:14px; color:var(--red); margin-bottom:10px;}
.vertical-tour .price i {color:red; width:20px;}
.vertical-tour .info {width:100%; font-size:13px; line-height: 20px; height: 40px; overflow: hidden}


.main-navigation.touriztolitele-menu {background:#24383a !important;}

.comment {width:100%;  box-shadow:0px 10px 25px 0px rgba(0,0,0,0.14); padding:15px; padding-top:30px;}
.comment .quote {background:var(--lightorange); position: absolute; top:-15px; border-radius: 3px; left:0; padding:5px 10px; color:white;}
.comment .pax {width:100%; position: relative; padding-left:60px; height: 50px;}
.comment .pax img {width:50px; height: 50px; border-radius: 50%; object-fit: cover; position: absolute; left:0; top:0;}
.comment .pax .title {width:100%;font-size:11px; text-transform: uppercase; margin-top:20px; font-weight: bold; padding-top:4px;  line-height: 20px;   overflow: hidden; white-space: nowrap;}
.comment .info {width:100%;font-style: italic;margin-bottom:10px;line-height: 20px; height: 80px; font-size: 13px; font-weight: 500; color:#999; overflow: hidden}
.comment .stars {color:var(--yellow);}

.search-banner {position: relative;}
.space-between-content {display: block !important}
.site-branding {margin-top: 20px}

/*.main-navigation ul {text-align: right; margin-top:-40px;}*/
.main-navigation .menu>li {margin-top: 15px; position: relative}
.main-navigation li a {color:white; padding:0 5px 0 5px !important; font-weight: 100}
.main-navigation a:hover {color:var(--lightgreen) !important; text-decoration: none}
.main-navigation a:focus {text-decoration: none}
.main-navigation .active {color:var(--lightgreen) !important;}

.main-navigation li:hover .menucon {display: block}
.menucon {margin-top:0 !important;position: absolute; left:5px; z-index:2; top:100%; padding:10px !important; background:white;display: none; background:rgba(0,0,0,.9); border-radius: 5px}
.menucon>li{width:100%; text-align: left}
.menucon>li>a {color:white; white-space: nowrap; display: inline-block; padding:5px !important;}

/*-----Media 640-----*/
@media screen and (max-width:640px){
  .tour_banner .tour-info .des {width: 100%; margin-left:0; margin-right: 0}

  .menucon {left:auto; right: 0}
}

.album {width:100%; position: relative; margin-bottom: 10px; overflow: hidden;transition:all .5s;}

.album:hover {transform:scale(1.1,1.1); transition: all .5s}
.album .img {width:100%; z-index: 1; position: relative; border-radius: 20px}
.album .img img {width:100%; border-radius: 20px}
.album .info {position: absolute;z-index: 2; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; bottom:0; left:0; font-weight: bold; width: 100%; padding:10px; text-align: center; color:white; background:rgba(0,0,0,.5);}


/*---about---*/
#about_block {padding:80px 0; color:#666;}
#about_block h2 {text-align: center}
#about_block svg {height: 30px}
.about-box {margin-top:30px; line-height: 30px; text-align: justify; font-family: nunito; font-size: 15px;  overflow: hidden}
/*.about-box * {color:#ddd;}*/
 


/*---place---*/
#place_block {background:rgba(171, 191, 181, .5); padding:80px 0;}
#place_block svg {height: 30px}
#place_block .heading-title {margin-bottom: 30px;}
.place {width:100%; margin-bottom: 21px; transition: all .5s; position: relative}
.place .img {width:100%; position: relative; height: 0; padding-bottom: 70%; box-shadow:0px 20px 20px 0px rgba(0,0,0,0.14)}
.place .img img {width:100%; height: 100%; object-fit: cover; position: absolute; left:0; top:0;}
.place a {text-decoration: none; color:black;}
.place a:hover {text-decoration: none}
.place .title {position:absolute; bottom:0; font-family: nunito; left:0; right:0; font-size:15px;  font-weight: bold; padding:10px; background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,1)); color:white;}
/*---gallery---*/
#gallery_block {background:rgb(151 216 255 / 50%); padding:80px 0}
#gallery_block svg {height: 30px}
.gallery_item {width:25%; padding:10px; transition:all .5s;}
.gallery_item:hover {transform:scale(1.1,1.1); transition: all .5s}
.gallery_item .item {; width:100%; position: relative; overflow: hidden;box-shadow:0px 10px 10px 0px rgba(0,0,0,0.14); border-radius: 20px}
.gallery_item img {width:100%;object-fit: cover;  border-radius: 20px}

#footer { padding:50px 0 50px 0; min-height:400px; background:linear-gradient(rgba(0,115,143,.8), rgba(0,102,161,.5)), url('../images/bg.jpg') !important; 
  background-size: cover; background-position: top center !important; color:white;
  background-attachment:fixed !important;
}
#footer svg {height: 30px}
#footer * {color:white; text-shadow: 0 0 10px rgba(0,0,0,.5)}

.tour_slide {height:0; width: 100%; padding-bottom: 50%; position: relative; overflow: hidden}
#vertical>li img {width: 100%;   object-fit: cover}

.btn_booking, .btn_send {width:120px; margin:auto; padding:15px; font-size: 12px; text-decoration: none; border-radius: 20px; background:var(--lightorange); font-weight:bold; text-transform:uppercase;color:white}
.btn_booking:hover, .btn_send:hover {text-decoration: none; color:var(--lightorange); background:white; border:1px solid var(--lightorange);}

#contact_info {line-height: 30px}
#contact_info h1 {font-size:18px; line-height: 30px}
#contact_info i {width:20px; display: inline-block; color:var(--lightorange); text-align: center}
#contact_form {margin-top:20px; margin-bottom: 30px}
#contact_form input[type="text"], #contact_form select {padding:10px 15px;background:#eee; border-radius: 0; box-shadow: none; height: 50px}
#contact_form textarea {padding:10px 15px;background:#eee; border-radius: 0; box-shadow: none}
.pages {width: 100%; text-align: center}



.tour_album {float: left; width: 100%}
.tour_album .smaller_img {width:15% !important; padding-bottom: 13.3% !important}
.tour_album .img {float:left; width:16.66%; height: 0; padding-bottom: 15%; position: relative;overflow: hidden}
.tour_album .img img {object-fit: cover; position: absolute; height: calc(100% - 15px); width: calc(100% - 15px);}


.tour_album .img:first-child {width:100% !important;padding-bottom: 40% !important}


.book_xe {padding:20px 30px; background: #eee; margin-bottom: 30px}
.book_xe h2 {font-weight: bold; font-size:25px; margin-bottom: 20px; font-family: nunito;}
.hotel_price {width:100%; margin-top:20px;}
.hotel_price span {font-weight:bold;padding:7px 10px; margin-left:10px;border-radius: 5px; color:white; background:var(--lightorange)}

.hotel_slide {width:100%; height: 0; padding-bottom:50%; position: relative;}
.hotel_slide img {position: absolute;left:0; top:0; width: 100%; height: 100%; object-fit: cover}

.hotel {width:100%; margin-bottom: 40px; }
.hotel a {color:black; text-decoration: none}
.hotel a, .hotel a:hover, .hotel a:focus {text-decoration: none}
.hotel .img {width:100%; height: 0; position: relative; padding-bottom: 60%}
.hotel .img img {width:100%; height: 100%; position: absolute;left:0; top:0; object-fit: cover}
.hotel .img .price {position: absolute; bottom:10px; left:20px; padding:7px 10px; background: var(--lightorange); color:white;}
.hotel .info {width: 100%; padding:5px 0px; }
.hotel .price{width:100%; margin-bottom: 15px}
.hotel .price span  {padding:7px 10px; margin-left:10px;border-radius: 5px; color:white; background:var(--lightorange)}
.hotel .info .title {width:100%; padding:0; margin:0 0 10px 0; font-size: 16px; font-weight: bold; font-family: nunito }
.hotel .info .brief {width:100%; font-size:13px; line-height: 20px; height: 40px; overflow: hidden}
.hotel .info .people {width:100%; color:var(--green); font-size: 20px}


.car {width:200px; height: 200px; padding-top:25px; display:inline-block;margin-left:auto; margin-right: auto; border:10px solid white;background:var(--green); }
.car a {color:white; text-decoration: none}
.car a, .car a:hover, .car a:focus {text-decoration: none}
.car .img {width:100%; height: 100px; text-align: center}
.car .img img {height: 100px;filter:brightness(0) invert(1); }
.car .title {width: 100%; font-size: 17px; font-weight: bold; font-family: 'nunito'; text-align: center; color:white; }


.language {position: absolute; top:10px; right: 10px; color:white !important;}
.language a {color:white; padding:5px;}
.language a:hover, .language .active {color:var(--lightorange);}

@media screen and (max-width:640px) {
   .language {right: auto; left:10px;}
}

@media screen and (max-width:600px) {
}

@media screen and (max-width:459px) {
  .chuongtrinh li {font-size:14px !important;}
  .chuongtrinh a {padding:15px 7px 10px 7px !important;}
  .vertical-news {padding-left:0; height: auto}
  .vertical-news .img {width: 100%; height: 0; padding-bottom: 60%; position: relative; left:0; }
  .vertical-news .img img {width: 100%; height: 100%; object-fit: cover; position: absolute;}
  .vertical-news .date {margin-top:10px;}
   

    .tour_album .img:first-child {width: 100% !important; padding-bottom: 60% !important}
    .tour_album .smaller_img {width: 20% !important; padding-bottom: 12% !important}
  }

/*  .car {width:100%; margin-bottom: 20px}
  .car:hover .img img {transform: scale(1.05, 1.05); transition: all .5s}
  .car a {color:black;}
  .car a, .car a:hover, .car a:focus {text-decoration: none}
  .car .img {width:100%; height: 0; padding-bottom: 70%; position: relative}
  .car .img img {transition:all .5s;position: absolute; top:0; left:0; width: 100%; height: 100%; object-fit: cover}
  .car .img .price {position: absolute; bottom:10px; left:20px; padding:7px 10px; background: var(--lightorange); color:white;}
  .car .info {width: 100%; padding: 15px; border:1px solid #eee;}
  .car .info .title {width:100%; padding:0; margin:0 0 10px 0; font-size: 18px; font-weight: bold; font-family: nunito }
  .car .info .brief {width:100%; font-size:13px; line-height: 20px; height: 40px; overflow: hidden}*/

  .search_car {width: 100%; background: #ecf0f3; padding:30px; margin-bottom: 30px}
  .search_car h2 {font-weight: bold; font-size:25px; margin-bottom: 20px; font-family: nunito}
  .search_car button {width:100%; border-radius: 0; color:white; margin-bottom: 20px; background: var(--green); text-align: center; padding:10px; height: 40px}
.search_car button:hover {background: var(--lightorange)}
/* Customize the label (the container) */
.check_box {
  display: block;
  position: relative;
  padding-left: 40px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 14px;
  font-weight: normal;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

/* Hide the browser's default checkbox */
.check_box input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
  height: 0;
  width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 17px;
  width: 17px;
  background-color: white;
}

/* On mouse-over, add a grey background color */
.check_box:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
.check_box input:checked ~ .checkmark {
  background-color: #2196F3;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
.check_box input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
.check_box .checkmark:after {
  left: 6px;
  top: 2px;
  width: 5px;
  height: 10px;
  border: solid white;
  border-width: 0 3px 3px 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.weatherForecast {display: none}

.itinerary_item {float:left; width:100%;  border-left:2px dashed #ccc;}
.itinerary_item .title {float:left;  width:100%; font-weight: bold; border-bottom:1px dashed #ccc;  padding:10px; color:var(--lightorange); background:white;}
.itinerary_item .title i {margin-right: 20px; margin-left:-16px; color:var(--red);}

.itinerary_item .fa-chevron-right, .itinerary_item .fa-chevron-down {margin-left:0 !important; margin-right: 0 !important} 
.itinerary_item .content {float:left; width:100%; padding:10px;}

.itinerary_item .title .collapse {float:right; display: block}
.itinerary_item .title .expand {float:right; display: none}

#chuongtrinh .active i {color:var(--green);}
.search-banner {background-attachment: fixed;}
.background-overlay {
  height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    position: absolute;
}
.elementor *, .elementor :after, .elementor :before {box-sizing: border-box;}
.search-banner > .background-overlay {
    background:linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7));
    opacity: 0.7;
    transition: background 0.3s, border-radius 0.3s, opacity 0.3s;
}

.search-banner {
    transition: background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;
    
    margin-bottom: 0px;
    padding: 15% 0px;
}

.search-banner > .shape-bottom .shape-fill {
    fill: #ffffff;
}

.search-banner > .shape-bottom svg {
    width: calc(113% + 1.3px);
}
 
 
.main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0
}

.main-navigation li {
    position: relative;
    display: inline-block
}

.main-navigation .menu>li {
    padding: 3px 3px 2px;
    margin-left: 10px
}

.main-navigation .menu>li:first-child {
    margin-left: 0
}

.main-navigation .menu>li.menu-item-has-children {
    padding-right: 15px
}

.main-navigation a {
    display: inline-block;
    text-decoration: none
}

.main-navigation li.menu-item-has-children:before {
    position: absolute;
    top: 6px;
    right: 3px;
    display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    content: '\f107'
}

.menu-item-has-children .main-navigation li.menu-item-has-children:before {
    top: 7px;
    content: '\f105';
    right: 12px
}

.main-navigation.touriztolitele-menu {
    position: fixed;
    top: 0;
    right: -70%;
    width: 70%;
    height: 100vh;
    margin: 0;
    background-color: #f1f4f6;
    z-index: 998;
    -webkit-transition: all 0.3s cubic-bezier(0.35, 0.19, 0.45, 0.91);
    -o-transition: all 0.3s cubic-bezier(0.35, 0.19, 0.45, 0.91);
    transition: all 0.3s cubic-bezier(0.35, 0.19, 0.45, 0.91)
}

.main-navigation.touriztolitele-menu.touriztolitele-menu-open {
    right: 0
}

.main-navigation.touriztolitele-menu .main-navigation-inner {
    overflow-y: scroll;
    height: 100%
}

.main-navigation.touriztolitele-menu .menu {
    margin: 10px
}

body.admin-bar .main-navigation.touriztolitele-menu .menu {
    margin-top: 66px
}

.main-navigation.touriztolitele-menu .menu li {
    display: block;
    margin: 10px;
    padding: 0
}

.main-navigation.touriztolitele-menu .sub-menu {
    position: initial;
    padding: 0;
    background: none;
    -webkit-box-shadow: none;
    box-shadow: none
}

.main-navigation.touriztolitele-menu .sub-menu li a {
    width: auto
}

.main-navigation.touriztolitele-menu .menu-item-has-children:before {
    content: none
}

.touriztolitele-menu-toggle-button {
    position: absolute;
    width: 35px;
    height: 35px;
    left: -45px;
    top: 10px;
    padding: 0;
    -webkit-box-shadow: -2px 2px 7px rgba(0, 0, 0, 0.3);
    box-shadow: -2px 2px 7px rgba(0, 0, 0, 0.3)
}

body.admin-bar .touriztolitele-menu-toggle-button {
    top: 56px
}

body.admin-bar .touriztolitele-menu-toggle-button {
    top: 56px
}

body.admin-bar .touriztolitele-menu .menu {
    margin-top: 46px
}

.main-navigation .sub-menu li.wpml-ls-item {
    margin: 3px 10px;
    padding: 2px 10px
}

.main-navigation .sub-menu li.wpml-ls-item a {
    -webkit-transition: none;
    -o-transition: none;
    transition: none
}

.main-navigation.touriztolitele-menu .menu li.wpml-ls-item {
    display: block;
    margin: 1px 8px;
    padding: 4px 7px
}



/* #Touriztolitele Menu */

.touriztolitele-menu-toggle-button {
    color: #ffffff;
    background-color: #009688;
}

.main-navigation li a {
    padding: 0 15px 0 15px;
    text-transform: uppercase !important;
}

 
.home .main-navigation a,
.menu-item-has-children:before {
    /*color: #fff !important;*/
}

.site-header {
    z-index: 999 !important;
    position: relative !important;
    float:left; width: 100%;
}
 
.search-form__field[type=search] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}


input[type=date],
input[type=datetime],
input[type=datetime-local],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
select,
textarea {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 8px 12px;
    border: 1px solid #ebeced;
    background-color: #fff;
    border-radius: 4px
}

input[type=date]:focus,
input[type=datetime]:focus,
input[type=datetime-local]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=range]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
select:focus,
textarea:focus {
    outline: none;
    -webkit-box-shadow: 0 5px 32px rgba(103, 122, 141, 0.17);
    box-shadow: 0 5px 32px rgba(103, 122, 141, 0.17)
}

button:focus,
input[type=reset]:focus,
input[type=submit]:focus {
    outline: none
}

input[type=reset],
input[type=submit] {
    font-size: 11px;
    font-size: 0.6875rem;
    font-weight: 600
}

select {
    border: 1px solid #ebeced
}

textarea {
    min-height: 150px;
    resize: vertical;
    overflow: auto
}

::-moz-placeholder {
    opacity: 1
}

:-moz-placeholder {
    opacity: 1
}

.search-form {
  margin-top:45px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.search-form label {
    width: 100%
}

.search-form__field[type=search] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.search-form__submit.btn {
    padding: 11px;
    margin-left: 10px;
    font-size: 13px;
    font-size: 0.8125rem
}

.post-password-form label {
    display: inline-block
}

a {
    text-decoration: none;
    -webkit-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease
}

a:focus {
    outline: none
}

a:active,
a:hover {
    text-decoration: none
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: inherit
}


.flipster__item__content {width: 500px; height: 300px}
.flipster__item__content img {width: 100%; height: 100%; object-fit: cover;}

.shape {
    overflow: hidden;
    position: absolute;
    left: 0;
    width: 100%;
    line-height: 0;
    direction: ltr;
}
.shape-top {
    top: -1px;
}
.shape-bottom {
    bottom: -1px;
}
.shape[data-negative="false"].shape-bottom,
.shape[data-negative="true"].shape-top {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}
.shape svg {
    display: block;
    width: calc(100% + 1.3px);
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}
.shape .shape-fill {
    fill: #fff;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    transform-origin: center;
    -webkit-transform: rotateY(0deg);
    transform: rotateY(0deg);
}

.widget-wrap {
    position: relative;
    width: 100%;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: flex-start;
    -ms-flex-line-pack: start;
    align-content: flex-start;
}
.screen-reader-text {display: none}