html {
    height: auto;
    min-height: 100vh;
    max-width: 100%;
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    margin: 0 auto;
    position: relative;
    overflow-x: hidden;
    max-width: 1920px;
    font-family: 'Quicksand', sans-serif !important;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #2F2F2F;
    background: #FFFFFF;
}

#wrapper {
    overflow-x: hidden;
    max-width: 1920px;
    position: relative;
    margin: 0 auto;
}

.remove_margin {
    margin: 0 -15px;
}

.container {
    position: relative;
    max-width: 1200px;
    margin: 0 auto;
}

:focus {
    outline: 0 !important;
    text-decoration: blink !important;
}

a {
    color: #21619D;
    text-decoration: none;
}

a:hover {
    text-decoration: blink !important;
}

.fa {
    display: inline-block;
    font: normal normal normal;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-dots,
.slick-next,
.slick-prev {
    position: absolute;
    display: block;
    padding: 0
}

.slick-next,
.slick-prev {
    font-size: 0;
    line-height: 0;
    bottom: 0;
    top: 0;
    z-index: 9;
    margin: auto 0;
    cursor: pointer;
    border: none;
    outline: 0;
    background: 0;
    transition: all 0.3s;
}

.slick-next:focus,
.slick-next:hover,
.slick-prev:focus,
.slick-prev:hover {
    opacity: 0.8;
}

.slick-prev {
    left: -50px;
    width: 40px;
    height: 40px;
    position: absolute;
    background: url(../images/prev.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.slick-next {
    right: -50px;
    width: 40px;
    height: 40px;
    position: absolute;
    background: url(../images/next.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.slick-list,
.slick-slider,
.slick-track {
    position: relative;
    display: block
}

.slick-loading .slick-slide,
.slick-loading .slick-track {
    visibility: hidden
}

.slick-slider {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent
}

.slick-list {
    overflow: hidden;
    margin: 0;
    height: 100%;
    padding: 0;
}

.slick-list:focus {
    outline: 0
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand
}

.slick-slider .slick-list,
.slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.slick-track {
    top: 0;
    left: 0;
    height: 100%;
}

.slick-track:after,
.slick-track:before {
    display: table;
    content: ''
}

.slick-track:after {
    clear: both
}

.slick-slide {
    display: none;
    float: left;
    height: 100%;
    min-height: 1px
}

[dir=rtl] .slick-slide {
    float: right
}

.slick-slide img {
    display: block
}

.slick-slide.slick-loading img {
    display: none
}

.slick-slide.dragging img {
    pointer-events: none
}

.slick-initialized .slick-slide {
    display: block
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent
}

.slick-arrow.slick-hidden {
    display: none
}

.slick-dots {
    bottom: 0px;
    width: 100%;
    list-style: none;
    text-align: center;
}

.slick-dots li {
    position: relative;
    display: inline-block;
    margin: 0 5px;
    padding: 0;
    cursor: pointer
}

.slick-dots li button {
    position: relative;
    border: 0;
    font-size: 0;
    line-height: 0;
    display: block;
    border-radius: 10px;
    width: 30px;
    height: 10px;
    text-align: center;
    background: rgba(217, 217, 217, 0.6);
    outline: none;
    cursor: pointer;
    transition: all 0.3s;
}

.slick-dots li.slick-active button {
    background: #21619D;
}


/*  */

#header {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: fixed;
    z-index: 99999;
    top: 0;
    left: 0;
    right: 0;
    height: 110px;
    background: #FFFFFF;
    box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.2);
}

#header.header_tour {
    position: absolute;
}

.box_header_top {
    height: 40px;
    width: 100%;
    position: relative;
    clear: both;
    background: #21619D;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
}

.slogan {
    width: auto;
    position: absolute;
    left: 15px;
    top: 6px;
}

.slogan strong {
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    color: #FFFFFF;
}

.menu_main {
    width: auto;
    position: absolute;
    right: 0;
    top: 7px;
}

.menu_main ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.menu_main ul li {
    width: auto;
    padding: 0px 20px;
    display: inline-block;
    border-left: 1px solid #FFFFFF;
}

.menu_main ul li:first-child {
    border-left: 0;
}

.menu_main ul li a {
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 14px;
    color: #FFFFFF;
    transition: all 0.5s;
}

.menu_main ul li:hover a {
    color: #FF9300;
}

.box_header_bottom {
    height: 70px;
    width: 100%;
    position: relative;
    clear: both;
    background: #FFFFFF;
}

.logo {
    position: absolute;
    left: 0px;
    top: 0px;
    transition: all 0.3s;
    z-index: 10;
}

.logo img {
    width: auto;
    height: 70px;
    padding: 5px 15px;
    transition: all 0.3s;
}

#btn_open_menu {
    display: none;
}

.menu_header {
    width: max-content;
    position: absolute;
    right: 0px;
    top: 0px;
}

.menu_header .menu_show {
    width: auto;
    position: relative;
}

.menu_header .menu_show .menu {
    width: auto;
    position: relative;
    list-style-type: none;
    padding: 0;
    margin: 0;
}

.menu_header .menu_show .menu li.menu_item {
    width: auto;
    position: relative;
    float: left;
    padding: 22px 20px 23px;
}

.menu_header .menu_show .menu li.menu_item a.menu_link {
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    color: #21619D;
    transition: all 0.3s;
    position: relative;
    cursor: pointer;
}

.menu_header .menu_show .menu li.menu_item:hover a.menu_link,
.menu_header .menu_show .menu li.menu_item.active a.menu_link {
    color: #FF9300;
}

.menu_header .menu_show .menu li.menu_item a.menu_link img {
    width: 30px;
}

.menu_header .menu_show .menu li.menu_item.active a.menu_link img,
.menu_header .menu_show .menu li.menu_item:hover a.menu_link img {
    filter: invert(1) sepia(1) saturate(25);
}

.menu_header .menu_show .menu li.menu_item ul.menu_item_sub_open {
    width: max-content;
    padding: 0;
    list-style-type: none;
    position: absolute;
    top: 71px;
    left: 20px;
    z-index: 1000;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    display: block;
    opacity: 0;
    background: #FFFFFF;
    border-radius: 6px;
    padding: 5px 0;
    box-shadow: 0px 2px 9px rgba(0, 0, 0, 0.2);
}

.menu_header .menu_show .menu li.menu_item:hover ul.menu_item_sub_open {
    display: block;
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
    transition: transform 0.3s ease, opacity 0.2s ease 0.1s;
    -webkit-transition: -webkit-transform 0.3s ease, opacity 0.2s ease 0.1s;
}

.menu_header .menu_show .menu li.menu_item ul.menu_item_sub_open li {
    width: 100%;
    position: relative;
    padding: 10px 20px;
    transition: all 0.3s;
}

.menu_header .menu_show .menu li.menu_item ul.menu_item_sub_open li a {
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #2F2F2F;
    transition: all 0.3s;
}

.menu_header .menu_show .menu li.menu_item:hover ul.menu_item_sub_open li:hover a {
    color: #FF9300;
}

.focus_show_sub_menu {
    display: none;
}

.list_menu_item_mobile {
    display: none;
    position: relative;
}


/*  */

.title {
    width: 100%;
    position: relative;
}

.title.center {
    text-align: center;
}

.title h1,
.title h2 {
    margin: 0;
    position: relative;
    margin-bottom: 20px;
    padding-bottom: 10px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 40px;
    color: #21619D;
}

.title.center h1,
.title.center h2 {
    max-width: 100%;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
}

.title h1::before,
.title h2::before {
    content: '';
    width: 60px;
    height: 2px;
    background: #F7823B;
    position: absolute;
    bottom: 0px;
    left: 0px;
}

.title.center h1::before,
.title.center h2::before {
    right: 0px;
    left: 0px;
    margin: 0 auto;
}

.title h3 {
    margin: 0;
    position: relative;
    margin-bottom: 15px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 30px;
    line-height: 40px;
    color: #21619D;
}

.title p {
    margin: 0;
    margin-top: -10px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #2F2F2F;
}

.title_content {
    width: 100%;
    position: relative;
}

.title_content h2 {
    margin: 0;
    position: relative;
    margin-bottom: 10px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 25px;
    line-height: 35px;
    color: #21619D;
}

.content h3,
.content h2 {
    color: #21619D !important;
    font-weight: 700 !important;
}

.content {
    width: 100%;
    position: relative;
    font-family: 'Quicksand', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    color: #2F2F2F !important;
}

.content.center {
    text-align: center;
}

.content ul,
.content ul li,
.content ul li span {
    font-family: 'Quicksand', sans-serif !important;
    font-weight: 400 !important;
    font-size: 16px !important;
    line-height: 24px !important;
    color: #2F2F2F !important;
}

.content p {
    margin-left: 0 !important;
    margin-right: 0 !important;
    font-family: 'Quicksand', sans-serif !important;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #2F2F2F;
}

.content img,
.content p img {
    max-width: 100%;
    width: auto;
    height: auto;
    margin: 0 auto;
    display: block;
}

.content p span {
    font-family: 'Quicksand', sans-serif !important;
    font-size: 16px !important;
    line-height: 24px !important;
}

.content strong {
    font-family: 'Quicksand', sans-serif !important;
    font-size: 16px !important;
    line-height: 24px !important;
    font-weight: 700 !important;
}

.content em {
    font-style: italic !important;
}

.content a {
    color: #21619D;
}

.content table {
    width: 100%;
    max-width: 100%;
    clear: both;
    position: relative;
}

.content table tbody {
    width: 100%;
    max-width: 100%;
    border: 1px solid #DDDDDD;
}

.content table tbody td {
    width: auto;
    padding: 10px;
    border: 1px solid #DDDDDD;
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #2F2F2F;
}

.content table tbody td p {
    margin: 0;
}

.more {
    width: max-content;
    clear: both;
    position: relative;
}

.more.center {
    margin: 0 auto;
}

.more.right {
    position: absolute;
    top: 0;
    right: 15px;
    z-index: 10;
    margin: 0 0 0 auto;
}

.more span,
.more a {
    position: relative;
    border-radius: 50px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    padding: 12px 30px;
    border: 1px solid #F7823B;
    color: #F7823B;
    transition: all 0.5s;
}

.fa-arrow-right::before {
    content: url(../images/more.svg);
    position: relative;
    padding-left: 5px;
}


/* Icon Wobble Horizontal */

@-webkit-keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px);
    }
    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@keyframes hvr-icon-wobble-horizontal {
    16.65% {
        -webkit-transform: translateX(6px);
        transform: translateX(6px);
    }
    33.3% {
        -webkit-transform: translateX(-5px);
        transform: translateX(-5px);
    }
    49.95% {
        -webkit-transform: translateX(4px);
        transform: translateX(4px);
    }
    66.6% {
        -webkit-transform: translateX(-2px);
        transform: translateX(-2px);
    }
    83.25% {
        -webkit-transform: translateX(1px);
        transform: translateX(1px);
    }
    100% {
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.hvr-icon-wobble-horizontal {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.hvr-icon-wobble-horizontal .hvr-icon {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
}

.hvr-icon-wobble-horizontal:hover .hvr-icon,
.hvr-icon-wobble-horizontal:focus .hvr-icon,
.hvr-icon-wobble-horizontal:active .hvr-icon {
    -webkit-animation-name: hvr-icon-wobble-horizontal;
    animation-name: hvr-icon-wobble-horizontal;
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-timing-function: ease-in-out;
    animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}


/* section_slider_home */

.section_slider_home {
    width: 100%;
    clear: both;
    margin-top: 110px;
    position: relative;
    height: calc(100vh - 110px);
}

.slider_home {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 100%;
}

.slider_home .box_img_slider_home {
    width: 100%;
    height: 100%;
    position: relative;
}

.slider_home .box_img_slider_home img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.box_form_search {
    width: 840px;
    height: max-content;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    z-index: 1;
}

.title_form_search {
    width: 100%;
    position: relative;
    text-align: center;
    padding-bottom: 30px;
}

.title_form_search h1 {
    margin: 0;
    margin-bottom: 10px;
    width: 100%;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    color: #FFFFFF;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}

.title_form_search p {
    margin: 0 auto;
    width: 65%;
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    text-shadow: 4px 4px 7px rgba(0, 0, 0, 0.35);
}

.box_form_search form {
    width: 100%;
    clear: both;
    position: relative;
}

.box_form_search form input {
    width: calc(100% - 200px);
    height: 60px;
    background: #FFFFFF;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
    border-radius: 60px 0 0 60px;
    border: 0;
    padding: 20px 25px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #2F2F2F;
}

.box_form_search form input::placeholder {
    color: #868686;
}

.box_form_search form button {
    width: 200px;
    height: 60px;
    border: 0;
    float: right;
    background: #21619D;
    box-shadow: inset -4px 4px 4px rgba(255, 255, 255, 0.17);
    border-radius: 0px 40px 40px 0px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    transition: all 0.5s;
}

.box_form_search form button img {
    width: 18px;
    margin-right: 10px;
}

.box_form_search form button:hover {
    background: #F7823B;
}


/* section_why_choose */

.section_why_choose {
    width: 100%;
    clear: both;
    position: relative;
    padding: 30px 0;
    border-bottom: 1px solid #E4E4E4;
}

.list_why_choose {
    width: 100%;
    position: relative;
}

.box_why_choose {
    width: 33.33%;
    float: left;
    padding: 0 15px;
}

.box_why_choose .img_why_choose {
    width: 100px;
    float: left;
}

.box_why_choose .img_why_choose img {
    width: 100%;
}

.box_why_choose .why_choose {
    width: calc(100% - 115px);
    position: relative;
    float: right;
}

.box_why_choose .why_choose .name_why_choose {
    width: 100%;
}

.box_why_choose .why_choose .name_why_choose strong {
    width: 100%;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    text-transform: uppercase;
    color: #21619D;
}

.box_why_choose .why_choose .des_why_choose {
    width: 100%;
}

.box_why_choose .why_choose .des_why_choose span {
    width: 100%;
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #2F2F2F;
}


/* section_special_offers */

.section_special_offers {
    width: 100%;
    position: relative;
    clear: both;
    padding: 70px 0;
}

.slider_special_offers {
    width: 100%;
    clear: both;
    padding-bottom: 30px;
    position: relative;
}

.list_special_offers {
    width: 100%;
    clear: both;
    position: relative;
}

.box_special_offers {
    width: 50%;
    float: left;
    padding: 15px;
    position: relative;
}

.box_special_offers .special_offers {
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
}

.box_special_offers .special_offers img {
    width: 100%;
    transition: all 0.5s;
}

.box_special_offers:hover .special_offers img {
    transform: scale(1.1);
}


/* section_tour */

.section_tour {
    width: 100%;
    position: relative;
    clear: both;
    padding: 70px 0;
    background: #F0F9FF url(../images/bg.svg) no-repeat;
    background-size: 760px 490px;
    background-position: bottom right;
}

.slider_tour {
    width: 100%;
    clear: both;
    position: relative;
}

.box_tour {
    width: 33.33%;
    float: left;
    padding: 15px;
    position: relative;
}

.box_tour .tour {
    position: relative;
    width: 100%;
    background: #FFFFFF;
    box-shadow: 2px 4px 12px rgba(33, 97, 157, 0.2);
    border-radius: 10px;
    overflow: hidden;
}

.box_tour .tour .img_tour {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.box_tour .tour .img_tour img {
    width: 100%;
    transition: all 0.5s;
}

.box_tour:hover .tour .img_tour img {
    transform: scale(1.1);
}

.box_tour .tour .img_tour .menu_tour {
    position: absolute;
    height: 90px;
    z-index: 2;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    background: linear-gradient(360deg, rgba(13, 70, 123, 0.7) 0%, rgba(33, 97, 157, 0) 100%);
}

.box_tour .tour .img_tour .menu_tour a {
    z-index: 3;
    position: absolute;
    padding: 10px 20px;
    bottom: 0;
    left: 0;
    right: 0;
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #FFFFFF;
}

.box_tour .tour .info_tour {
    position: relative;
    width: 100%;
    padding: 15px 20px 30px;
}

.box_tour .tour .info_tour .name_tour {
    width: 100%;
    position: relative;
    height: 55px;
    overflow: hidden;
}

.box_tour .tour .info_tour .name_tour a {
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 28px;
    color: #0D467B;
    transition: all 0.5s;
}

.box_tour:hover .tour .info_tour .name_tour a {
    color: #F7823B;
}

.box_tour .tour .info_tour .list_info_tour {
    width: 100%;
    position: relative;
}

.box_tour .tour .info_tour .list_info_tour ul {
    width: 100%;
    padding: 0;
    margin: 10px 0 15px;
    list-style-type: none;
    position: relative;
}

.box_tour .tour .info_tour .list_info_tour ul li {
    position: relative;
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    font-size: 15px;
    line-height: 24px;
    color: #2F2F2F;
    padding-left: 20px;
}

.box_tour .tour .info_tour .list_info_tour ul li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 1px;
}

.box_tour .tour .info_tour .list_info_tour ul li.departure_day::before {
    content: url(../images/tour/info_tour/departure_day.svg);
}

.box_tour .tour .info_tour .list_info_tour ul li.time::before {
    content: url(../images/tour/info_tour/time.svg);
}

.box_tour .tour .info_tour .list_info_tour ul li.schedule::before {
    content: url(../images/tour/info_tour/schedule.svg);
    top: 2px;
}

.box_tour .tour .info_tour .list_info_tour ul li.vehicle::before {
    content: url(../images/tour/info_tour/vehicle.svg);
}

.box_tour .tour .info_tour .price_tour {
    width: 100%;
}

.box_tour .tour .info_tour .price_tour span {
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    color: #F7823B;
}

.box_tour .tour .info_tour .price_tour span strong {
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
}

.box_tour .tour .info_tour .more_tour {
    text-align: right;
    margin-top: 20px;
}

.box_tour .tour .info_tour .more_tour a {
    background: #21619D;
    box-shadow: inset -4px 4px 4px rgba(255, 255, 255, 0.17);
    border-radius: 30px;
    padding: 12px 50px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #FFFFFF;
    transition: all 0.5s;
}

.box_tour .tour .info_tour .more_tour:hover a {
    background: #F7823B;
}

.section_ticket {
    width: 100%;
    clear: both;
    position: relative;
    padding: 70px 0 0;
}

.slider_ticket {
    width: 100%;
    clear: both;
    position: relative;
}

.box_ticket {
    width: 25%;
    float: left;
    position: relative;
    padding: 15px;
}

.box_ticket .ticket {
    width: 100%;
    overflow: hidden;
    background: #FFFFFF;
    box-shadow: 2px 4px 12px rgba(111, 111, 111, 0.2);
    border-radius: 10px;
}

.box_ticket .ticket .img_ticket {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.box_ticket .ticket .img_ticket::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    height: 70px;
    background: linear-gradient(360deg, rgba(13, 70, 123, 0.7) 0%, rgba(33, 97, 157, 0) 100%);
}

.box_ticket .ticket .img_ticket img {
    width: 100%;
    transition: all 0.5s;
}

.box_ticket:hover .ticket .img_ticket img {
    transform: scale(1.1);
}

.box_ticket .ticket .img_ticket .percent_discount_ticket {
    text-align: center;
    position: absolute;
    left: 5px;
    top: 5px;
    padding: 0 5px;
    width: max-content;
    height: 34px;
    border-radius: 4px;
    box-sizing: border-box;
    border: 3px solid rgba(255, 255, 255, 0.3);
    background: #EAC545;
}

.box_ticket .ticket .img_ticket .percent_discount_ticket span {
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.005em;
    color: #FFFBFB;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
}

.box_ticket .ticket .info_ticket {
    width: 100%;
    padding: 20px 15px;
    text-align: center;
}

.box_ticket .ticket .info_ticket .name_ticket {
    width: 100%;
    height: 40px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.box_ticket .ticket .info_ticket .name_ticket strong {
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #0D467B;
    transition: all 0.5s;
}

.box_ticket:hover .ticket .info_ticket .name_ticket strong {
    color: #F7823B;
}

.box_ticket .ticket .info_ticket .price_ticket {
    width: 100%;
    height: 45px;
    margin: 10px 0;
}

.box_ticket .ticket .info_ticket .price_ticket span {
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    text-decoration-line: line-through;
    color: #6A6A6A;
}

.box_ticket .ticket .info_ticket .price_ticket strong {
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #F7823B;
}


/* section_hotel */

.section_hotel {
    position: relative;
    width: 100%;
    clear: both;
    padding: 70px 0 0;
}

.slider_hotel {
    width: 100%;
    clear: both;
    position: relative;
}

.box_hotel {
    width: 33.33%;
    float: left;
    position: relative;
    padding: 15px;
}

.box_hotel .hotel {
    width: 100%;
    position: relative;
    background: #FFFFFF;
    box-shadow: 2px 4px 12px rgba(111, 111, 111, 0.2);
    border-radius: 10px;
    overflow: hidden;
}

.box_hotel .hotel .img_hotel {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.box_hotel .hotel .img_hotel::before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1;
    width: 100%;
    height: 70px;
    background: linear-gradient(360deg, rgba(13, 70, 123, 0.8) 0%, rgba(33, 97, 157, 0) 100%);
}

.box_hotel .hotel .img_hotel img {
    width: 100%;
    transition: all 0.5s;
}

.box_hotel:hover .hotel .img_hotel img {
    transform: scale(1.1);
}

.box_hotel .hotel .img_hotel .percent_discount_hotel {
    text-align: center;
    position: absolute;
    left: 5px;
    top: 5px;
    padding: 0 5px;
    width: max-content;
    height: 34px;
    border-radius: 4px;
    box-sizing: border-box;
    border: 3px solid rgba(255, 255, 255, 0.3);
    background: #EAC545;
}

.box_hotel .hotel .img_hotel .percent_discount_hotel span {
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.005em;
    color: #FFFBFB;
    text-shadow: 0px 2px 2px rgba(0, 0, 0, 0.25);
}

.box_hotel .hotel .info_hotel {
    width: 100%;
    padding: 20px 15px 30px;
    position: relative;
    text-align: center;
}

.box_hotel .hotel .info_hotel .name_hotel {
    width: 100%;
    height: 40px;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}

.box_hotel .hotel .info_hotel .name_hotel strong {
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 24px;
    color: #0D467B;
    transition: all 0.5s;
}

.box_hotel:hover .hotel .info_hotel .name_hotel strong {
    color: #F7823B;
}

.box_hotel .hotel .info_hotel .rating_hotel {
    width: 112px;
    position: relative;
    margin: 10px auto;
}

.box_hotel .hotel .info_hotel .rating_hotel img {
    width: 100%;
}

.box_hotel .hotel .info_hotel .price_hotel {
    width: 100%;
    height: 45px;
    position: relative;
}

.box_hotel .hotel .info_hotel .price_hotel span {
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
    text-decoration-line: line-through;
    color: #6A6A6A;
}

.box_hotel .hotel .info_hotel .price_hotel strong {
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 26px;
    color: #F7823B;
}


/* section_review */

.section_review {
    width: 100%;
    position: relative;
    clear: both;
    padding: 70px 0 0;
}

.slider_review {
    width: 100%;
    clear: both;
    position: relative;
    padding-bottom: 30px;
}

.box_review {
    width: 50%;
    float: left;
    position: relative;
    padding: 15px;
}

.box_review .review {
    width: 100%;
    position: relative;
    background: #EAF6FF;
    border-radius: 10px;
    padding: 25px;
    display: inline-block;
}

.box_review .review .info_review {
    width: 160px;
    padding-right: 20px;
    position: relative;
    float: left;
    border-right: 1px solid rgba(33, 97, 157, 0.3);
}

.box_review .review .info_review .img_review {
    width: 100%;
    position: relative;
    overflow: hidden;
    border-radius: 100%;
}

.box_review .review .info_review .img_review img {
    width: 100%;
    transition: all 0.5s;
}

.box_review:hover .review .info_review .img_review img {
    transform: scale(1.1);
}

.box_review .review .info_review .name_review {
    width: 100%;
    margin-top: 10px;
    text-align: center;
}

.box_review .review .info_review .name_review strong {
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 14px;
    line-height: 22px;
    color: #2F2F2F;
}

.box_review .review .info_review .name_review span {
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 20px;
    color: #6A6A6A;
}

.box_review .review .content_review {
    width: calc(100% - 160px);
    float: right;
    padding-left: 20px;
}

.box_review .review .content_review .title_review {
    width: 100%;
}

.box_review .review .content_review .title_review strong {
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #21619D;
}

.box_review .review .content_review .rating_review {
    width: 112px;
    clear: both;
    margin: 10px 0;
}

.box_review .review .content_review .rating_review img {
    width: 100%;
}

.box_review .review .content_review .des_review {
    width: 100%;
}

.box_review .review .content_review .des_review span {
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
    color: #2F2F2F;
}

.box_review .review .content_review .more_review {
    width: 100%;
}

.box_review .review .content_review .more_review a {
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    font-size: 16px;
    line-height: 16px;
    color: #F7823B;
}


/* section_partner */

.section_partner {
    width: 100%;
    position: relative;
    clear: both;
    padding: 70px 0;
}

.slider_newspapers,
.slider_partner {
    width: 100%;
    position: relative;
    clear: both;
}

.box_newspapers,
.box_partner {
    width: 100%;
    padding: 15px;
    position: relative;
}

.box_newspapers .newspapers,
.box_partner .partner {
    width: 100%;
    position: relative;
    background: rgba(255, 255, 255, 0);
    border-radius: 10px;
    overflow: hidden;
    transition: all 0.5s;
}

.box_newspapers .newspapers img,
.box_partner .partner img {
    width: 100%;
    transition: all 0.5s;
}

.box_newspapers:hover .newspapers,
.box_partner:hover .partner {
    background: rgba(255, 255, 255, 1);
    box-shadow: 2px 4px 12px rgba(111, 111, 111, 0.2);
}

.box_newspapers:hover .newspapers img,
.box_partner:hover .partner img {
    transform: scale(1.1);
}


/* section_blog */

.section_blog {
    width: 100%;
    position: relative;
    clear: both;
    padding: 70px 0;
    background: #F0F9FF url(../images/bg.svg) no-repeat;
    background-size: 760px 490px;
    background-position: -35% bottom;
}

.box_list_hot_blog {
    width: calc(50% - 15px);
    position: relative;
    float: left;
}

.box_list_favorite_blog {
    width: calc(50% - 15px);
    position: relative;
    float: right;
}

.box_list_favorite_blog .more.right,
.box_list_hot_blog .more.right {
    right: 0;
}

.list_hot_blog {
    width: 100%;
    position: relative;
    clear: both;
}

.list_hot_blog .box_blog {
    width: 50%;
    float: left;
    position: relative;
    padding: 15px;
}

.box_blog .blog {
    width: 100%;
    position: relative;
    background: #FFFFFF;
    box-shadow: 2px 4px 12px rgba(33, 97, 157, 0.2);
    border-radius: 10px;
    overflow: hidden;
}

.box_blog .blog .img_blog {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.box_blog .blog .img_blog img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
    transition: all 0.5s;
}

.box_blog:hover .blog .img_blog img {
    transform: scale(1.1);
}

.box_blog .blog .info_blog {
    width: 100%;
    overflow: hidden;
    padding: 20px;
    background: #FFFFFF;
}

.box_blog .blog .info_blog .name_blog {
    width: 100%;
    height: 45px;
    overflow: hidden;
}

.box_blog .blog .info_blog .name_blog strong {
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #0D467B;
    transition: all 0.5s;
}

.box_blog:hover .blog .info_blog .name_blog strong {
    color: #F7823B;
}

.box_blog .blog .info_blog .date_post_blog {
    width: 100%;
    margin: 8px 0 0;
    position: relative;
}

.box_blog .blog .info_blog .date_post_blog span {
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 16px;
    color: #6A6A6A;
}

.box_blog .blog .info_blog .date_post_blog span::before {
    content: url(../images/date_post.svg);
    position: relative;
    padding-right: 5px;
    top: 1.5px;
}

.box_blog .blog .info_blog .des_blog {
    margin-top: 8px;
    width: 100%;
    height: 70px;
    overflow: hidden;
}

.box_blog .blog .info_blog .des_blog span {
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #6A6A6A;
}

.list_hot_blog .box_blog:nth-child(1) {
    width: 100%;
    clear: both;
    float: none;
}

.list_hot_blog .box_blog:nth-child(1) .blog .img_blog img {
    height: 200px;
}

.list_hot_blog .box_blog:nth-child(1) .blog .info_blog .name_blog {
    height: auto;
}

.list_hot_blog .box_blog:nth-child(1) .blog .info_blog .name_blog strong {
    font-size: 18px;
}

.list_favorite_blog {
    width: 100%;
    clear: both;
    position: relative;
}

.list_favorite_blog .box_blog {
    width: 100%;
    padding: 0;
    padding-bottom: 30px;
}

.list_favorite_blog .box_blog .blog {
    height: 170px;
}

.list_favorite_blog .box_blog .blog .img_blog {
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
}

.list_favorite_blog .box_blog .blog .info_blog {
    position: relative;
    width: 50%;
    left: 50%;
}

.list_favorite_blog .box_blog .blog .info_blog .des_blog {
    height: 45px;
}

.box_list_favorite_blog .title h3 {
    margin-bottom: 45px;
}

.box_slider_newspapers {
    width: 100%;
    clear: both;
    position: relative;
    padding-top: 40px;
}


/* section_counselors */

.section_counselors {
    width: 100%;
    clear: both;
    position: relative;
    padding: 70px 0;
}

.list_counselors {
    width: 100%;
    position: relative;
    clear: both;
}

.box_counselors {
    width: 33.33%;
    float: left;
    position: relative;
    padding: 15px;
}

.box_counselors .counselors {
    width: 100%;
    position: relative;
    text-align: center;
}

.box_counselors .counselors .img_counselors {
    width: 150px;
    position: relative;
    overflow: hidden;
    border-radius: 100%;
    margin: 20px auto 15px;
    border: 7px solid #EAF6FF;
}

.box_counselors .counselors .img_counselors img {
    width: 100%;
    transition: all 0.5s;
}

.box_counselors:hover .counselors .img_counselors img {
    transform: scale(1.1);
}

.box_counselors .counselors .name_counselors {
    width: 100%;
}

.box_counselors .counselors .name_counselors strong {
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 28px;
    color: #2F2F2F;
    transition: all 0.5s;
}

.box_counselors:hover .counselors .name_counselors strong {
    color: #F7823B;
}

.box_counselors .counselors .position_counselors {
    width: 100%;
}

.box_counselors .counselors .position_counselors span {
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #6A6A6A;
}

.box_counselors .counselors .info_counselors {
    width: 100%;
    margin: 10px 0;
}

.box_counselors .counselors .info_counselors a {
    margin: 0 2px;
}

.box_counselors .counselors .info_counselors a img {
    width: 30px;
    transition: all 0.5s;
}

.box_counselors .counselors .info_counselors a:hover img {
    transform: scale(1.1);
}


/* section_resgister_offers */

.section_resgister_offers {
    width: 100%;
    position: relative;
    clear: both;
    padding: 70px 0;
    background: #F0F9FF;
}

.box_form_resgister_offers {
    margin-top: 30px;
    width: 100%;
    clear: both;
    position: relative;
}

.box_form_resgister_offers form {
    width: 100%;
}

.box_form_resgister_offers form input {
    position: relative;
    width: 50%;
    float: left;
    height: 55px;
    background: #FFFFFF;
    border: 0;
    box-shadow: 2px 4px 12px rgba(33, 97, 157, 0.2);
    border-radius: 60px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #2F2F2F;
    padding: 10px 25px;
}

.box_form_resgister_offers form input::placeholder {
    color: #868686;
}

.box_form_resgister_offers form button {
    float: left;
    margin-left: 15px;
    width: 220px;
    height: 55px;
    border: 0;
    background: #21619D;
    box-shadow: inset -4px 4px 4px rgba(255, 255, 255, 0.17);
    border-radius: 60px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 20px;
    color: #FFFFFF;
    transition: all 0.5s;
}

.box_form_resgister_offers form button:hover {
    background: #F7823B;
}

.box_form_resgister_offers form .check_robot {
    width: 300px;
    float: left;
    margin-left: 35px;
    margin-top: -17px;
}

.box_form_resgister_offers form .check_robot input[type=checkbox] {
    box-shadow: 0;
    width: 300px;
    height: 77px;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    background: url(../images/check_robot.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
}

.box_form_resgister_offers form .check_robot input[type=checkbox]:checked {
    background: url(../images/checked_robot.svg);
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
}


/* footer */

footer {
    width: 100%;
    position: relative;
    clear: both;
    padding: 0;
    background: #21619D;
}

.box_footer {
    width: 100%;
    clear: both;
    position: relative;
    padding: 50px 0;
    background: #21619D;
}

.box_footer_social {
    width: 30%;
    padding-right: 30px;
    float: left;
    position: relative;
}

.logo_footer {
    width: 255px;
    position: relative;
}

.logo_footer img {
    width: 100%;
}

.content_footer {
    width: 100%;
    position: relative;
    margin: 15px 0 20px;
}

.content_footer p {
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
}

.list_social {
    width: 100%;
    position: relative;
}

.list_social a {
    margin: 0;
    margin-right: 5px;
}

.list_social a img {
    width: 35px;
    transition: all 0.5s;
}

.list_social a:hover img {
    transform: scale(1.1);
}

.box_footer_menu {
    width: max-content;
    padding-right: 30px;
    float: left;
    position: relative;
}

.title_footer {
    width: 100%;
}

.title_footer p {
    margin-bottom: 15px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: #FFFFFF;
}

.list_footer_menu {
    width: 100%;
}

.list_footer_menu ul {
    margin: 0;
    padding: 0;
    padding-left: 15px;
    position: relative;
    width: 100%;
    color: #FFFFFF;
}

.list_footer_menu ul li {
    width: 100%;
    padding-bottom: 10px;
}

.list_footer_menu ul li a {
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
}

.list_footer_menu ul li:hover a {
    text-decoration: underline !important;
}

.box_footer_contact {
    width: 30%;
    position: relative;
    float: right;
}

.list_contact_footer {
    width: 100%;
    position: relative;
}

.list_contact_footer p {
    position: relative;
    padding-left: 35px;
    margin-bottom: 20px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
}

.list_contact_footer p::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
}

.list_contact_footer p.footer_address::before {
    content: url(../images/contact_footer/address.svg);
}

.list_contact_footer p.footer_hotline::before {
    content: url(../images/contact_footer/hotline.svg);
}

.list_contact_footer p.footer_email::before {
    content: url(../images/contact_footer/email.svg);
}

.box_business_license {
    display: inline-block;
    margin-top: 50px;
    padding-top: 40px;
    width: 100%;
    clear: both;
    position: relative;
    border-top: 1px solid rgba(255, 255, 255, 0.5);
}

.content_business_licenss {
    position: relative;
    width: auto;
    float: left;
    padding: 15px 0;
}

.content_business_licenss p {
    margin: 0;
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
}

.logo_business_license {
    position: relative;
    width: 200px;
    float: right;
}

.logo_business_license img {
    width: 100%;
}

.box_coppyright {
    width: 100%;
    position: relative;
    clear: both;
    background: rgba(123, 189, 231, 0.6);
    padding: 15px 0;
}

.box_coppyright .coppyright {
    width: 100%;clear: both;
}.box_coppyright
.coppyright a,
.box_coppyright .coppyright strong {
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
    float: left;
}.box_coppyright
.coppyright a{
    float: right;
}

/*  */

#go_top {
    position: fixed;
    right: 35px;
    bottom: 55px;
    width: 40px;
    height: 40px;
    z-index: 999;
    opacity: 0;
}

#go_top img {
    width: 100%;
    height: 100%;
}

#go_top.go_top_fixed {
    opacity: 1;
}

.messenger_fixed {
    width: 50px;
    height: 50px;
    position: fixed;
    z-index: 9999;
    bottom: 245px;
    right: 30px;
    border-radius: 100%;
    overflow: hidden;
    box-shadow: 2px 4px 12px rgba(247, 130, 59, 0.5);
}

.messenger_fixed .messenger {
    width: 100%;
    height: 100%;
}

.messenger_fixed .messenger img {
    width: 100%;
    height: 100%;
}

.zalo_fixed {
    width: auto;
    position: fixed;
    right: 30px;
    bottom: 180px;
    z-index: 9999;
    width: 50px;
    height: 50px;
    border-radius: 100%;
    overflow: hidden;
    box-shadow: 2px 4px 12px rgba(247, 130, 59, 0.5);
}

.zalo_fixed .zalo {
    width: 100%;
    height: 100%;
}

.zalo_fixed .zalo img {
    width: 100%;
    height: 100%;
    margin: 0;
    position: relative;
}

.sendmail_fixed {
    width: 50px;
    height: 50px;
    position: fixed;
    right: 30px;
    bottom: 115px;
    z-index: 9999;
    border-radius: 100%;
    overflow: hidden;
    box-shadow: 2px 4px 12px rgba(247, 130, 59, 0.5);
}

.sendmail_fixed .sendmail {
    width: 100%;
    height: 100%;
    position: relative;
}

.sendmail_fixed .sendmail img {
    width: 100%;
    height: 100%;
}


/* section_banner_subpage */

.section_banner_subpage {
    margin-top: 110px;
    width: 100%;
    position: relative;
    clear: both;
    padding: 0;
}

.box_banner_subpage {
    width: 100%;
    position: relative;
    clear: both;
}

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

.title_banner_subpage {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
}

.title_banner_subpage p {
    margin-bottom: 15px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 40px;
    line-height: 50px;
    color: #FFFFFF;
    text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);
}


/* section_breadcrumb */

.section_breadcrumb {
    width: 100%;
    clear: both;
    position: relative;
    border-bottom: 1px solid #9FCEFB;
}

.breadcrumb {
    position: relative;
    width: max-content;
    margin: 0;
    padding: 15px 0;
    list-style-type: none;
}

.breadcrumb li {
    display: inline-block;
}

.breadcrumb>li+li:before {
    position: relative;
    top: 0px;
    padding: 0 10px;
    content: url(../images/breadcrumb.svg);
}

.breadcrumb li:first-child::before {
    content: url(../images/home.svg);
    position: relative;
    top: 2px;
}

.breadcrumb li a {
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    font-size: 14px;
    line-height: 22px;
    color: #2F2F2F;
}

.breadcrumb li:last-child a {
    color: #7BBDE7;
}


/* section_content_about */

.section_content_about {
    width: 100%;
    clear: both;
    position: relative;
}

.section_about_us {
    width: 100%;
    clear: both;
    position: relative;
    padding: 70px 0;
}

.box_content_about_us {
    width: calc(50% - 15px);
    float: left;
    position: relative;
}

.box_img_about_us {
    width: calc(50% - 15px);
    float: right;
    position: relative;
}

.box_img_about_us .img_about_us {
    width: 100%;
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}

.box_img_about_us .img_about_us img {
    width: 100%;
    transition: all 0.5s;
}

.box_img_about_us:hover .img_about_us img {
    transform: scale(1.1);
}


/* section_activation_image */

.section_activation_image {
    width: 100%;
    position: relative;
    clear: both;
    padding: 70px 0;
    background: #F0F9FF url(../images/bg.svg) no-repeat;
    background-size: 760px 490px;
    background-position: right bottom;
}

.list_activation_image {
    width: 100%;
    position: relative;
    clear: both;
}

.box_activation_image {
    width: 25%;
    float: left;
    padding: 15px;
    position: relative;
}

.box_activation_image .activation_image {
    width: 100%;
    overflow: hidden;
    border-radius: 8px;
}


/* section_target */

.section_target {
    width: 100%;
    position: relative;
    clear: both;
    padding-top: 70px;
}

.section_target .box_content_about_us {
    float: right;
}

.section_target .box_img_about_us {
    float: left;
}


/* section_corporate_culture */

.section_corporate_culture {
    width: 100%;
    position: relative;
    clear: both;
    padding: 70px 0;
}


/* section_people */

.section_people {
    width: 100%;
    position: relative;
    clear: both;
    padding: 70px 0;
    background: #F0F9FF url(../images/bg.svg) no-repeat;
    background-size: 760px 490px;
    background-position: -35% bottom;
}

.slider_people {
    width: 100%;
    clear: both;
    position: relative;
}

.box_people {
    width: 100%;
    padding: 15px;
    position: relative;
}

.box_people .people {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 2px 4px 12px rgba(111, 111, 111, 0.2);
    border-radius: 10px;
    overflow: hidden;
    position: relative;
}

.box_people .people .img_people {
    width: 100%;
    overflow: hidden;
}

.box_people .people .img_people img {
    width: 100%;
    transition: all 0.5s;
}

.box_people:hover .people .img_people img {
    transform: scale(1.1);
}

.box_people .people .info_people {
    width: 100%;
    position: relative;
    text-align: center;
    padding: 20px 15px 30px;
}

.box_people .people .info_people .name_people {
    width: 100%;
}

.box_people .people .info_people .name_people strong {
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 26px;
    color: #0D467B;
    transition: all 0.5s;
}

.box_people:hover .people .info_people .name_people strong {
    color: #F7823B;
}

.box_people .people .info_people .position_people {
    width: 100%;
}

.box_people .people .info_people .position_people span {
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #6A6A6A;
}


/* section_content */

.section_content {
    width: 100%;
    position: relative;
    clear: both;
    padding: 70px 0;
}

.list_blog_review {
    width: 100%;
    clear: both;
    position: relative;
}

.box_blog_review {
    width: 100%;
    position: relative;
    clear: both;
    padding: 15px 0;
}

.box_blog_review .blog_review {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 2px 4px 12px rgba(33, 97, 157, 0.2);
    border-radius: 10px;
    overflow: hidden;
}

.box_blog_review .blog_review .img_blog_review {
    width: 50%;
    position: relative;
    overflow: hidden;
}

.box_blog_review .blog_review .img_blog_review img {
    width: 100%;
    transition: all 0.5s;
}

.box_blog_review:hover .blog_review .img_blog_review img {
    transform: scale(1.1);
}

.box_blog_review .blog_review .info_blog_review {
    width: 50%;
    height: max-content;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 40px;
    margin: auto 0;
}

.box_blog_review .blog_review .info_blog_review .name_blog_review {
    width: 100%;
    position: relative;
}

.box_blog_review .blog_review .info_blog_review .name_blog_review strong {
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 22px;
    line-height: 30px;
    color: #21619D;
    transition: all 0.5s;
}

.box_blog_review:hover .blog_review .info_blog_review .name_blog_review strong {
    color: #F7823B;
}

.box_blog_review .blog_review .info_blog_review .des_blog_review {
    width: 100%;
    overflow: hidden;
    max-height: 170px;
    margin: 10px 0 30px;
    position: relative;
}

.box_blog_review .blog_review .info_blog_review .des_blog_review span {
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #2F2F2F;
}

.box_blog_review:nth-child(even) .blog_review .img_blog_review {
    float: right;
}

.box_blog_review:nth-child(even) .blog_review .info_blog_review {
    left: 0;
}


/* box_info_contact */

.box_info_contact {
    width: calc(50% - 15px);
    float: left;
    position: relative;
}

.list_info_contact {
    width: 100%;
    position: relative;
}

.info_contact {
    width: 100%;
    clear: both;
    position: relative;
    padding: 10px 0;
}

.info_contact p {
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #2F2F2F;
}

.info_contact p strong {
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
}

.info_contact a {
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #2F2F2F;
}

.info_contact a.info_hotline {
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    font-size: 30px;
    line-height: 30px;
    color: #F7823B;
}


/* box_form_contact */

.box_form_contact {
    width: calc(50% - 15px);
    float: right;
    position: relative;
}

.box_form_contact form {
    width: 100%;
    position: relative;
}

.box_form_contact form .input_form {
    width: 100%;
    position: relative;
    padding-top: 25px;
}

.box_form_contact form .input_form textarea,
.box_form_contact form .input_form input {
    position: relative;
    width: 100%;
    height: 50px;
    padding: 10px 15px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #2F2F2F;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 8px;
}

.box_form_contact form .input_form textarea::placeholder,
.box_form_contact form .input_form input::placeholder {
    color: #868686;
}

.box_form_contact form .input_form .show-error {
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #F7823B;
}

.box_form_contact form .input_form textarea {
    height: 100px;
}

.box_form_contact form .input_form button {
    position: relative;
    float: right;
    width: 230px;
    height: 50px;
    background: #21619D;
    border: 0;
    box-shadow: inset -4px 4px 4px rgba(255, 255, 255, 0.17);
    border-radius: 50px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    color: #FFFFFF;
    transition: all 0.5s;
}

.box_form_contact form .input_form button:hover {
    background: #F7823B;
}


/* box_form_register_service */

.box_form_register_service {
    margin-top: 50px;
    width: 100%;
    position: relative;
    clear: both;
    background: #21619D;
    padding: 50px 40px;
}

.title_form_register_service {
    width: 100%;
    position: relative;
}

.title_form_register_service h2 {
    margin: 0;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 25px;
    line-height: 35px;
    color: #FFFFFF;
}

.title_form_register_service p {
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #FFFFFF;
}

.box_form_register_service form {
    width: 100%;
    position: relative;
    clear: both;
}

.box_form_register_service form .input_form {
    position: relative;
    width: calc(50% - 10px);
    float: left;
    padding-top: 20px;
}

.box_form_register_service form .input_form.tell {
    float: right;
}

.box_form_register_service form .textarea_form,
.box_form_register_service form .select_form,
.box_form_register_service form .button_form {
    position: relative;
    clear: both;
    width: 100%;
    padding-top: 20px;
}

.box_form_register_service form .textarea_form textarea,
.box_form_register_service form .select_form select,
.box_form_register_service form .input_form input {
    position: relative;
    width: 100%;
    height: 50px;
    padding: 10px 15px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #2F2F2F;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 8px;
}

.box_form_register_service form .textarea_form textarea::placeholder,
.box_form_register_service form .select_form select::placeholder,
.box_form_register_service form .input_form input::placeholder {
    color: #868686;
}

.box_form_register_service form .input_form .show-error {
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
}

.box_form_register_service form .select_form select#choose_service {
    outline: 0 none;
    -webkit-appearance: none;
    background: #FFFFFF url(../images/collapse.svg) no-repeat scroll calc(100% - 15px) center;
}

.box_form_register_service form .textarea_form textarea {
    height: 100px;
}

.box_form_register_service form .button_form button {
    position: relative;
    width: 230px;
    height: 50px;
    border: 0;
    background: #F7823B;
    box-shadow: inset -4px 4px 4px rgba(255, 255, 255, 0.17);
    border-radius: 8px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.button_register_service {
    width: 100%;
    position: relative;
    clear: both;
    margin: 40px 0 20px;
}

.button_register_service a {
    position: relative;
    padding: 12px 30px;
    border: 0;
    background: #F7823B;
    box-shadow: inset -4px 4px 4px rgba(255, 255, 255, 0.17);
    border-radius: 8px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 18px;
    text-transform: uppercase;
    color: #FFFFFF;
}


/* section_contact */

.section_contact {
    width: 100%;
    clear: both;
    position: relative;
    background: #F0F9FF;
}


/* section_google_map */

.section_google_map {
    width: 100%;
    position: relative;
    clear: both;
}

.google_map {
    width: 100%;
    position: relative;
    overflow: hidden;
}

.google_map iframe {
    width: 100%;
    height: 600px;
    display: block;
}


/* list_tour */

.list_tour {
    width: 100%;
    clear: both;
    position: relative;
    display: inline-block;
}


/* list_ticket */

.list_ticket {
    width: 100%;
    clear: both;
    position: relative;
    display: inline-block;
}


/* box_list_blog */

.box_list_blog {
    width: 100%;
    clear: both;
    position: relative;
    display: inline-block;
    padding-bottom: 30px;
}


/* list_blog */

.list_blog {
    width: 100%;
    clear: both;
    position: relative;
    display: inline-block;
}

.list_blog .box_blog {
    width: 25%;
    float: left;
    padding: 15px;
}


/*  */

.box_content {
    width: 70%;
    float: left;
    position: relative;
    padding-right: 30px;
}

.box_section_related {
    width: 30%;
    float: right;
}

.box_banner_offers {
    width: 100%;
    position: relative;
    clear: both;
}

.box_banner_offers .banner_offers {
    width: 100%;
    overflow: hidden;
}

.box_banner_offers .banner_offers img {
    width: 100%;
}

.box_list_favorite_blog_related {
    margin-top: 30px;
    width: 100%;
    position: relative;
    clear: both;
}

.box_list_favorite_blog_related .list_favorite_blog .box_blog .blog {
    height: 140px;
}

.box_list_favorite_blog_related .list_favorite_blog .box_blog .blog .info_blog .name_blog {
    max-height: 70px;
    height: auto;
}

.box_list_favorite_blog_related .list_favorite_blog .box_blog .blog .img_blog {
    width: 40%;
}

.box_list_favorite_blog_related .list_favorite_blog .box_blog .blog .info_blog {
    position: relative;
    width: 60%;
    left: 40%;
    padding: 20px;
}

.box_list_social_detail {
    width: 100%;
    margin-top: 30px;
    position: relative;
    clear: both;
}

.list_social_detail {
    width: 100%;
    position: relative;
    clear: both;
}

.box_social_detail {
    width: auto;
    position: relative;
    max-width: 100%;
}

.box_social_detail .social_detail {
    position: relative;
    width: auto;
    float: left;
    padding-bottom: 30px;
    padding-right: 30px;
    cursor: pointer;
}

.box_social_detail .social_detail img {
    width: 50px;
}

.box_social_detail .banner_social_detail {
    width: 100%;
    max-width: 340px;
    transition: all 0.5s;
    position: absolute;
    left: 0;
    top: 70px;
    right: 0;
    opacity: 0;
    -webkit-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scale(1, 0);
    transform: scale(1, 0);
    z-index: 2;
}

.box_social_detail .banner_social_detail img {
    width: 100%;
}

.box_social_detail:hover .banner_social_detail {
    opacity: 1;
    -webkit-transform: scale(1, 1);
    transform: scale(1, 1);
}


/* box_slider_related */

.box_slider_related {
    width: 100%;
    clear: both;
    padding-top: 50px;
    position: relative;
}

.slider_blog {
    width: 100%;
    position: relative;
    clear: both;
}

.slider_blog .box_blog {
    padding: 15px;
}


/* box_slider_images */

.box_slider_images {
    position: relative;
    width: 70%;
    float: left;
    padding-right: 30px;
    margin: 0 -5px 40px;
}

.slider_images_for {
    width: 100%;
    position: relative;
}

.slider_images_hotel_for .slick-prev,
.slider_images_for .slick-prev {
    left: 20px;
    width: 14px;
    height: 24px;
    bottom: 0;
    top: 0;
    margin: auto 0;
    position: absolute;
    background: url(../images/prev_images.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.slider_images_hotel_for .slick-next,
.slider_images_for .slick-next {
    right: 20px;
    width: 14px;
    height: 24px;
    bottom: 0;
    top: 0;
    margin: auto 0;
    position: absolute;
    background: url(../images/next_images.svg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.slider_images_nav {
    width: 100%;
    position: relative;
}

.box_images {
    padding: 5px;
    width: 100%;
    position: relative;
    overflow: hidden;
}

.box_images img {
    width: 100%;
}

.slider_images_hotel_nav .box_images img,
.slider_images_nav .box_images img {
    opacity: 0.5;
}

.slider_images_hotel_nav .box_images.slick-current.slick-active img,
.slider_images_nav .box_images.slick-current.slick-active img {
    opacity: 1;
}


/* box_slider_images_hotel */

.box_slider_images_hotel {
    width: 100%;
    clear: both;
    position: relative;
    margin: 0 -5px 30px;
    display: inline-block;
}

.slider_images_hotel_for {
    width: calc(100% - 190px);
    float: left;
}

.slider_images_hotel_nav {
    width: 190px;
    float: right;
}

.slider_room_hotel {
    width: 100%;
    position: relative;
    clear: both;
    margin-bottom: 40px;
}

.box_room_hotel {
    width: 100%;
    position: relative;
    padding: 15px;
}

.box_room_hotel .room_hotel {
    width: 100%;
    border-radius: 10px;
    overflow: hidden;
    background: #FFFFFF;
    box-shadow: 2px 4px 12px rgba(33, 97, 157, 0.2);
    border-radius: 10px;
}

.box_room_hotel .room_hotel .img_room_hotel {
    width: 100%;
    overflow: hidden;
}

.box_room_hotel .room_hotel .img_room_hotel img {
    width: 100%;
    transition: all 0.5s;
}

.box_room_hotel:hover .room_hotel .img_room_hotel img {
    transform: scale(1.1);
}

.box_room_hotel .room_hotel .info_room_hotel {
    width: 100%;
    position: relative;
    padding: 20px 25px 30px;
}

.box_room_hotel .room_hotel .info_room_hotel .name_room_hotel {
    width: 100%;
    position: relative;
    height: 60px;
    overflow: hidden;
}

.box_room_hotel .room_hotel .info_room_hotel .name_room_hotel strong {
    font-family: 'Quicksand', sans-serif;
    font-weight: 600;
    font-size: 20px;
    line-height: 30px;
    color: #0D467B;
    transition: all 0.5s;
}

.box_room_hotel:hover .room_hotel .info_room_hotel .name_room_hotel strong {
    color: #F7823B;
}

.box_room_hotel .room_hotel .info_room_hotel .price_room_hotel {
    width: 100%;
    clear: both;
    margin: 5px 0;
}

.box_room_hotel .room_hotel .info_room_hotel .price_room_hotel span {
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    color: #F7823B;
}

.box_room_hotel .room_hotel .info_room_hotel .des_room_hotel {
    width: 100%;
}

.box_room_hotel .room_hotel .info_room_hotel .des_room_hotel p {
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #2F2F2F;
    margin-bottom: 5px;
}

.box_room_hotel .room_hotel .info_room_hotel .des_room_hotel ul {
    width: 100%;
    margin: 0;
    padding-left: 15px;
    color: #2F2F2F;
}

.box_room_hotel .room_hotel .info_room_hotel .des_room_hotel ul li {
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #2F2F2F;
}

.box_room_hotel .room_hotel .info_room_hotel .more_room_hotel {
    width: 100%;
    margin: 25px 0 10px;
    text-align: right;
}

.box_room_hotel .room_hotel .info_room_hotel .more_room_hotel span {
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    color: #FFFFFF;
    padding: 10px 40px;
    background: #21619D;
    box-shadow: inset -4px 4px 4px rgba(255, 255, 255, 0.17);
    border-radius: 40px;
    transition: all 0.5s;
}

.box_room_hotel .room_hotel .info_room_hotel .more_room_hotel:hover span {
    background: #F7823B;
}


/* list_utilities_room */

#tien-nghi ul {
    width: 100%;
    padding: 0;
    margin: 0;
    list-style-type: none;
    position: relative;
}

#tien-nghi ul li {
    width: 50%;
    float: left;
    padding: 10px 0;
}


/* box_form_booking */

.box_form_booking {
    width: 30%;
    float: right;
    position: relative;
    background: #21619D;
    padding: 30px 30px;
}

.info_tour_detail {
    width: 100%;
    position: relative;
}

.info_tour_detail p {
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #FFFFFF;
}

.info_tour_detail p strong {
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
}


/* form_booking */

.form_booking {
    width: 100%;
    padding: 30px 0 10px;
}

.form_booking .input_form {
    width: 100%;
    position: relative;
    clear: both;
    height: 50px;
    margin-bottom: 20px;
}

.form_booking .input_form label {
    width: calc(100% - 180px);
    height: max-content;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
}

.form_booking .input_form label span {
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #F7823B;
}

.form_booking .input_form input {
    position: relative;
    width: 180px;
    height: 50px;
    float: right;
    background: #FFFFFF;
    border: 1px solid #DDDDDD;
    border-radius: 8px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 500;
    font-size: 16px;
    line-height: 24px;
    color: #868686;
    padding: 10px 15px;
}

.form_booking .input_form input::placeholder {
    color: #868686;
}

.form_booking .input_form input#date_go {
    background: #FFFFFF url(../images/choosedate.svg) no-repeat scroll calc(100% - 15px) center;
}

.form_booking #total_price {
    width: 100%;
    clear: both;
    text-align: center;
    margin: 25px 0;
    position: relative;
}

.form_booking #total_price span {
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    color: #FFFFFF;
}

.form_booking #total_price strong {
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 24px;
    line-height: 24px;
    color: #F7823B;
}

.form_booking .box_button_booking {
    width: 100%;
    clear: both;
    width: 100%;
    text-align: center;
}

.form_booking .box_button_booking .button_booking {
    background: #F7823B;
    border-radius: 8px;
    padding: 12px 20px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    text-transform: uppercase;
    color: #FFFFFF;
}


/* list_tab_menu_fixed */

.list_tab_menu_fixed {
    width: 165px;
    height: 170px;
    position: fixed;
    z-index: 999;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto 0;
    opacity: 0;
    transition: all 0.5s;
}

.list_tab_menu_fixed.menu_tour_fixed {
    opacity: 1;
}

.list_tab_menu_fixed ul {
    margin: 0;
    position: relative;
    width: 100%;
    padding: 0;
    height: 100%;
    list-style-type: none;
}

.list_tab_menu_fixed ul li {
    width: 100%;
    position: relative;
    height: 40px;
    margin-bottom: 5px;
    clear: both;
}

.list_tab_menu_fixed ul li:last-child {
    margin: 0;
}

.list_tab_menu_fixed ul li a img {
    width: 40px;
    height: 40px;
    position: relative;
    background: #21619D;
    z-index: 2;
    transition: all 0.3s;
}

.list_tab_menu_fixed ul li.active a img,
.list_tab_menu_fixed ul li:active a img,
.list_tab_menu_fixed ul li:focus a img,
.list_tab_menu_fixed ul li:hover a img {
    background: #F7823B;
}

.list_tab_menu_fixed ul li a span {
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    align-items: center;
    justify-content: center;
    color: #2F2F2F;
    position: absolute;
    left: -100%;
    top: 0;
    text-align: center;
    padding: 12px;
    display: flex;
    background: #F0F9FF;
    width: calc(100% - 40px);
    transition: all 0.25s ease 0s;
    opacity: 0;
    z-index: 1;
}

.list_tab_menu_fixed ul li:hover a span {
    left: 40px;
    opacity: 1;
}


/* list_tab_menu_content */

.list_tab_menu_content {
    width: 100%;
    position: relative;
    clear: both;
}

.list_tab_menu_content.list_tab_menu_blog {
    padding: 10px 0 20px;
}

.list_tab_menu_content ul {
    width: 100%;
    clear: both;
    position: relative;
    padding: 0;
    margin: 0;
    list-style-type: none;
}

.list_tab_menu_content ul li {
    width: auto;
    padding-right: 40px;
    display: inline-block;
}

.list_tab_menu_content ul li a {
    position: relative;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 30px;
    color: #2F2F2F;
    transition: all 0.3s;
    cursor: pointer;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgb(0 0 0 / 0%);
}

.list_tab_menu_content ul li.active a,
.list_tab_menu_content ul li:hover a {
    color: #F7823B;
}

.list_tab_menu_content ul li.active a::before,
.list_tab_menu_content ul li:hover a::before,
.list_tab_menu_content ul li:focus a::before,
.list_tab_menu_content ul li:active a::before {
    right: 0;
}

.list_tab_menu_content ul li a::before {
    content: "";
    position: absolute;
    z-index: 2;
    left: 0;
    right: 100%;
    bottom: -3px;
    background: #F7823B;
    height: 2px;
    -webkit-transition-property: right;
    transition-property: right;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
}


/* list_content */

.list_content {
    width: 100%;
    position: relative;
    clear: both;
}

.content_about_tour {
    width: 100%;
    position: relative;
    clear: both;
    padding-top: 40px;
}

.content_schedule_tour {
    width: 100%;
    position: relative;
    clear: both;
    padding-top: 40px;
}

.content_policy_tour {
    width: 100%;
    position: relative;
    clear: both;
    margin-top: 40px;
}

.content_comment {
    width: 100%;
    position: relative;
    clear: both;
    padding-top: 40px;
}

.content ul {
    width: 100%;
    position: relative;
    clear: both;
    margin: 10px 0 !important;
    padding-left: 30px !important;
}

.content ul li {
    width: 100%;
    position: relative !important;
}

.content_schedule_tour .content ul {
    list-style-type: none !important;
}

.content_schedule_tour .content ul li {
    list-style-type: none !important;
    padding-bottom: 10px;
}

.content_schedule_tour .content ul::before {
    content: '';
    width: 1px;
    height: calc(100% - 20px);
    background: #F7823B;
    position: absolute;
    left: 7px;
    top: 5px;
}

.content_schedule_tour .content ul li::before {
    content: '';
    width: 15px;
    height: 15px;
    position: absolute;
    border-radius: 20px;
    left: -30px;
    top: 3px;
    background: #F7823B;
}

.content_description_detail {
    width: 100%;
    position: relative;
    clear: both;
    padding-top: 50px;
}


/*  */

.box_list_hotel {
    width: 75%;
    position: relative;
    float: right;
}

.box_list_filter_hotel {
    width: 25%;
    position: relative;
    float: left;
    padding-right: 30px;
}

.box_filter_hotel {
    width: 100%;
    padding: 15px 0;
}

.box_filter_hotel .box_filter {
    width: 100%;
    position: relative;
    clear: both;
}

.box_filter_hotel .box_filter button {
    border: 0;
    position: relative;
    width: 100%;
    height: 46px;
    background: #21619D;
    box-shadow: inset -4px 4px 4px rgba(255, 255, 255, 0.17);
    padding: 10px 20px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 18px;
    line-height: 26px;
    color: #FFFFFF;
    text-align: left;
}

.box_filter_hotel .box_filter button span.filter_down::before {
    content: url(../images/down.svg);
    position: absolute;
    right: 15px;
    top: 8px;
    z-index: 1;
}

.box_filter_hotel .box_filter ul.list_checkbox {
    display: none;
    width: 100%;
    position: relative;
    padding: 0;
    list-style-type: none;
    margin: 0;
    margin-top: 15px;
}

.box_filter_hotel .box_filter ul.list_checkbox li {
    width: 100%;
    padding: 5px 0;
    position: relative;
}

.box_filter_hotel .box_filter ul.list_checkbox li input {
    margin: 0;
    width: 20px;
    height: 20px;
    position: absolute;
    left: 0;
    top: 8px;
    border: 0;
    z-index: 2;
    -webkit-appearance: none;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    background-position: center;
}

.box_filter_hotel .box_filter ul.list_checkbox li input[type=checkbox] {
    background: url(../images/check.svg);
}

.box_filter_hotel .box_filter ul.list_checkbox li input[type=checkbox]:checked {
    background: url(../images/checked.svg);
}

.box_filter_hotel .box_filter ul.list_checkbox li label {
    margin: 0;
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #2F2F2F;
    position: relative;
    padding-left: 30px;
}

.box_button_open_filter {
    width: 40px;
    height: 40px;
    position: absolute;
    display: none;
    right: 15px;
    top: 0px;
    z-index: 99;
}

.box_button_open_filter img {
    width: 100%;
    height: 100%;
}

.box_button_close_filter {
    display: none;
    position: absolute;
    top: 15px;
    right: 15px;
    width: 18px;
    height: 18px;
}

.box_button_close_filter img {
    width: 100%;
    height: 100%;
}

.more_reset_filter {
    width: auto;
    position: relative;
    clear: both;
    margin: 30px auto;
}

.more_reset_filter a {
    background: #21619D;
    border: 0;
    box-shadow: inset -4px 4px 4px rgba(255, 255, 255, 0.17);
    border-radius: 50px;
    padding: 12px 40px;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 16px;
    text-transform: uppercase;
    color: #FFFFFF;
    transition: all 0.5s;
}

.more_reset_filter:hover a {
    background: #F7823B;
}

#mucluc {
    position: relative;
    width: 100%;
    background: #F0F9FF;
    padding: 20px 25px;
}

#mucluc h2 {
    margin: 0;
    width: 100%;
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 20px;
    line-height: 25px;
    color: #2F2F2F;
}

#mucluc ul {
    width: 100%;
    list-style-type: none;
    padding: 10px 0 !important;
    margin: 0 !important;
    position: relative;
}

#mucluc ul li {
    width: 100%;
}

#mucluc ul li a {
    font-family: 'Quicksand', sans-serif;
    font-weight: 700;
    font-size: 16px;
    line-height: 26px;
    color: #21619D;
}

#mucluc ul li ul {
    padding: 5px 0px 5px 15px !important;
    margin: 0 !important;
}

#mucluc ul li ul li a {
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 24px;
    color: #2F2F2F;
}

#mucluc ul li a:hover,
#mucluc ul li ul li a:hover {
    color: #F7823B;
}

.box_info_hotel_detail {
    width: 100%;
    clear: both;
    position: relative;
}

.info_hotel_detail {
    width: 100%;
    padding: 10px 0;
    clear: both;
    position: relative;
}

.info_hotel_detail p {
    font-family: 'Quicksand', sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 26px;
    color: #2F2F2F;
}

.info_hotel_detail p.address_hotel {
    padding-left: 20px;
    position: relative;
}

.info_hotel_detail p.address_hotel::before {
    content: url(../images/address.svg);
    position: absolute;
    left: 0;
    top: 2px;
}