/*
 * Theme Name: t2tech
 * Description: Công nghệ thông tin ngày càng phát triển, nó giúp con người mua thực hiện công việc mua bán, tìm kiếm thông tin sản phẩm ngày càng hiệu quả hơn. Thay vì phải chạy đến tận nơi bán sản phẩm để tìm hiểu thông tin hay mua một sản phẩm nào đó, bạn chỉ việc ngồi ở nhà và với một thiết bị được kết nối internet là bạn có thể có tất cả. Có thể nói website là một công cụ hữu hiệu nhất trong hoạt động quảng bá thương hiệu, sản phẩm, dịch vụ một cách hiệu quả. Bạn là một người kinh doanh thì việc thiết kế một website là điều vô cùng cần thiết và cấp bách trong thời buổi công nghệ này, đó là sợi dây liên kết giữa doanh nghiệp và khách hàng, giúp cho doanh nghiệp quảng bá thương hiệu, sản phẩm và dịch vụ của mình đến với mọi người một cách nhanh chóng, hiệu quả, dễ dàng và trực quan nhất.
 * Theme URI: 
 * Version: 15.2
 * Theme Author: 
 * Author: Winlead
 * Author URI: marketing@winlead.vn
 * Textdomain: t2tech
 */
b, strong{
	font-weight: bold;
}
 body,
 .tour-detail h3,
 .tour-detail h4,
 .tour-detail h5,
 .tour-detail h6 {
    font-size: 16px;
 }
 .list-inline-item:not(:last-child) {
    margin-right: 30px;
}
.rd-navbar-nav > li > a{
    text-transform: uppercase;
}
.clause-program ul, 
.clause-program ol,
.time-line-vertical-element ul,
.time-line-vertical-element ol,
.content-tour ul,
.content-tour ol,
.tourDetailMainDiv ul {
    list-style: revert !important;
    padding-left: 25px !important;
}
.tourDetailMainDiv ul li, 
.tourDetailMainDiv ol li{
    display: list-item;
}


.clause-program ul li, .clause-program ol li,
.time-line-vertical-element ul li, .time-line-vertical-element ol li,
.content-tour ul li, .content-tour ol li {
    display: list-item !important;
}
#modalCallbackRequest .form-group:last-child{
    position: relative;
}
#modalCallbackRequest .form-group:last-child ,
.frm-consultation .col-md-12 + .col-md-12 p{
    display: flex;
    justify-content: center;
}
form input[type="submit"]{
    background-color: transparent;
}
form input[type="submit"] + span{
    position: absolute;
    right: 0; 
    bottom: 0
}
.wpcf7 form .wpcf7-response-output{
    margin-block: 10px !important;
}
.swal2-popup .swal2-styled.swal2-confirm,
.swal2-popup .swal2-styled.swal2-confirm:focus{
    background-color: #5F2D0F !important;
    border-color: #5F2D0F !important;
}
.wpcf7 form.sent .wpcf7-response-output{
    display: none !important;
}
.frm-consultation .col-md-12 + .col-md-12 p{
    width: 100%;
    position: relative;
}
.frm-consultation input[type="submit"] + span{
    bottom: 9px;
}
.clause-program{
    padding-block: 30px;
}
#divSendInfoSeatBookTourOutbound a + a span,
#divBookingTourOutboundStep3 a + a span{
    border-radius: 99px 99px 99px 99px;
    background-color: #BE2B2A;
}

.page-ticket .ticket-group {
    border: 1px solid #EDF2F7;
    cursor: pointer;
    padding: 16px;
    overflow: hidden;
    box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.03);
    border-radius: 8px;
    background-color: #ffffff;
    height: 100%;
}
.ticket-group__title h4 {
    margin-bottom: 5px;
}

.ticket-group__title a {
    font-size: 16px;
    color: #5F2D0F;
}
.price-ticket p {
    color: #5F2D0F;
    font-size: 18px;
    line-height: 22px;
}

.book-ticket a {
    border-radius: 8px;
    padding: 6px 16px;
    background-color: #5F2D0F;
    color: #fff;
}
.ticket-group .airlnes{
    display: flex;
}
.ticket-group .airlnes img{
    height: 23px;
}

.box-modal{
    position: fixed;
    z-index: 999999;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}
.box-modal.open{
    opacity: 1;
    visibility: visible;
}
.box-modal .ticket-order{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(1.2);
    -webkit-transform: translate(-50%, -50%) scale(1.2);
    -moz-transform: translate(-50%,-50%) scale(1.2);
    -ms-transform: translate(-50%,-50%) scale(1.2);
    background-color: #fff;
    transition: all 0.3s ease;
    width: 100%;
    border-radius: 0.8rem;
    max-width: 600px;
    overflow: hidden;
}
.open .ticket-order {
    transform: translate(-50%, -50%) scale(1);
    -webkit-transform: translate(-50%, -50%) scale(1);
    -moz-transform: translate(-50%,-50%) scale(1);
    -ms-transform: translate(-50%,-50%) scale(1);
}
.ticket-order__header{
    background-color: #5F2D0F;
    text-align: center;
    color: #fff;
    position: relative;
    padding: 10px 0
}
.ticket-order__header h5{
    text-align: center;
    margin-bottom: 0;
    margin-top: 0;
    font-size: 20px;
    color: #fff;
}
.ticket-order__header a{
    position: absolute;
    right: 15px;
    top: 10px;
    font-size: 20px;
    color: #fff
}
.ticket-order__header a i{
    font-style: unset;
}
.ticket-order__header a:hover{
    color: #fff;
}
.ticket-order__body{
    padding: 15px;
}
#frm-ticket input, 
#frm-ticket textarea,
#frm-tour input, 
#frm-tour textarea{
    height: auto;
    border-color: #e1e1e1;
    border-radius: 8px;
}
.ticket-order__body button{
    color: #5F2D0F;
    border: 1px solid #5F2D0F;
    border-radius: 12px;
    padding: 4px 12px;
}
.ticket-order__body button:hover{
    background-color: #5F2D0F;
    color: #fff
}
.content-tour{
    padding-top: 15px;
}
.tourDetailMainDiv h2 span span{
    text-transform: lowercase;
}
.parallax-text-wrap span,
.parallax-text-wrap h1{
    font-family: "Raleway", sans-serif;
    font-weight: 700;
}
.title-tour, .post-blog-title{
    color: #5F2D0F;
    text-transform: capitalize;
}
#divOpenCatrgoryNoshop .text-ellipsis{
    gap: 5px;
    display: flex;
}

#divContentTourOutboundMain img{
	background-color: transparent;
}
input.radio-custom{
    display: inline-block
}
h2.box-cta-title{
    font-family: "Raleway", sans-serif;
}
.box-cta-title+*{
    font-style: italic;
}
.content-article{
    font-size: 16px;
}
.content-article h2{
    font-size: 25px !important;
    margin-bottom: 10px;
}
.content-article h2{
    font-size: 22px;
}
.btn-tour{
    height: 100%;
}
.section-variant-1{
    padding: 0 15px;
}
.leo_images{
    display: block;
}
.leo_images img,
.leo_images div{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.form-receive button.btn {
    height: 40px;
    font-size: 15px;
    line-height: 20px;
    padding: 10px 15px;
    border-radius: 0;
    border: 0;
    background: linear-gradient(
        90deg,
        #9a5526 0%,
        #7b3b19 15%,
        #6f3215 35%,
        #743517 50%,
        #6f3215 65%,
        #7b3b19 85%,
        #9a5526 100%
    );
    color: #ffffff;
    margin-left: 0 !important;
    outline: 0 !important;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

.btn-tour{
    position: relative;
    overflow: hidden;
    border: 2px solid transparent;

    background:
    linear-gradient(
        180deg,
        #9a5526 0%,
        #7b3b19 15%,
        #6f3215 35%,
        #743517 50%,
        #6f3215 65%,
        #7b3b19 85%,
        #9a5526 100%
    ) padding-box,

    linear-gradient(
        90deg,
        #7b3c13,
        #b76b1b,
        #ffd86b,
        #b76b1b,
        #7b3c13
    ) border-box;
}

.btn-tour::before{
    content:"";
    position:absolute;
    inset:0;
    pointer-events:none;
}
.fa-search {
    color: #fff;
}
.gia-km, .default-price,
#frmBookingTourOutboundOnline strong span,
#frmBookingTourOutboundOnline td span {
    font-family: "Poppins", sans-serif;
}
.vnt-social {
    margin: 10px 0;
}
.vnt-social ul li {
    margin-right: 5px;
    float: left;
}
.vnt-social ul li a {
    display: flex;
    align-items: center;
    align-content: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    font-size: 18px;
    line-height: 20px;
    padding: 10px 5px;
    text-align: center;
    background-color: #fff;
}
.content-article p{
    margin-bottom: 10px;
}
body.page .tourDetailMainDiv h1,
body.single .tourDetailMainDiv h1{
    font-size: 30px !important;
}
/* body.home{
    overflow-y: hidden;
}
body.home #main-content,
body.home .section{
    opacity: 0
} */
.poup-intro {
    position: fixed;
    inset: 0;
    z-index: 999;
    overflow: hidden;
    opacity: 1 !important;
}
.poup-intro-video {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center center;
    z-index: 0;
}
.poup-intro-overlay {
    position: absolute;
    inset: 0;
    z-index: 1;
    background: rgba(0, 0, 0, 0.2);
}
.poup-intro-content{
    padding: 30px 15px 15px 15px;
    position: relative;
    z-index: 9991;
}
.poup-intro-content__logo img{
    height: 75px;
}
.poup-intro-content__logo{
    margin-bottom: 40px;
}
.popup-intro-content__welcome h2{
    font-size: 44px;
    font-weight: bold;
}
.popup-intro-content__welcome p{
    font-size: 17px;
}
.popup-intro-content__tour{
    padding: 25px;
    background: rgba(255, 255, 255, 0.3);
    backdrop-filter: blur(22px) saturate(180%);
    -webkit-backdrop-filter: blur(22px) saturate(180%);
    border-radius: 20px;
}
.popup-intro-content__tour{
    position: absolute;
    top: calc(50% + 60px);
    left: 0;
    transform: translateY(-50%);
    width: calc(100% - 30px);
}
.popup-intro-content__tour a{
    font-size: 17px;
    font-weight: 700;
    text-align: center;
}
.popup-intro-content__tour a + a{
    font-size: 16px;
    font-weight: 400;
}
.popup-intro-content__tour .col-md-4:nth-child(2){
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
.popup-intro-content__tour .tour-contact a{
    background: linear-gradient(
        90deg,
        #9a5526 0%,
        #7b3b19 15%,
        #6f3215 35%,
        #743517 50%,
        #6f3215 65%,
        #7b3b19 85%,
        #9a5526 100%
    );
    padding: 12px 18px;
    border-radius: 12px;
}
.poup-intro-partner{
    background-color: #fff;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 9992;
    padding: 15px 0
}
.poup-intro-partner .container{
    overflow-x: hidden;
}
.poup-intro-partner a img{
    height: 80px;
    width: auto !important;
}
html.intro-visited .poup-intro {
    display: none;
}
.tourSideBar li{
    list-style: none !important;
}
.bg-booking-tour > div > div > div + div, 
.bg-booking-tour span,
.bg-booking-tour > div + div > div,
.bg-booking-tour-gio-chot > div + div div:last-child center div,
.bg-booking-tour-gio-chot > div + div > div + div > div,
.post-blog-caption-header div,
#frmBookingTourOutboundOnline span:not(.stepper-arrow),
span[name='spanBookingCode'], span[name='spanBookingPriceTotal'],
span[name='spanBookingExpirationDate'],
.footer-top-area-img > div > div > p > a,
#containerCalemdarList span, .tourDetailMainDiv .col-lg-4 a b,
#containerCalemdarList > div > div > div > div,
.ticket-group__title a,
.price-ticket p{
    font-family: "Poppins", sans-serif;
}
.rd-navbar-nav > li > ul.rd-navbar-open-right > li > a{
    border-bottom: 1px solid rgba(0, 0, 0, 0.05);
    display: block;
}
.logo-footer{
    margin-top: 20px;
}
.logo-footer ul{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    align-items: center;
}
.logo-footer a img{
    height: 80px;
}
body.page-template-page-intro footer,
body.page-template-page-intro header{
    display: none;
}
.footer-top-area-img > div > div >p{
	text-align: left !important;
}

@media (max-width: 1470px) {
    .rd-navbar-static .rd-navbar-nav>li>.rd-navbar-submenu-toggle:before, .rd-navbar-fullwidth .rd-navbar-nav>li>.rd-navbar-submenu-toggle:before{
        left: 2px !important;
    }
    .rd-navbar-static .rd-navbar-nav>li>a{
        font-size: 15px;
    }
    #divContentTourOutboundMain + div > a,
    .divContentTourNuocNgoaiHomePageSaiGon + div > a{
        margin-right: 17px;
    }
    .input-group-btn{
        position: absolute;
        right: -6px;
    }
	.rd-navbar-corporate .rd-navbar-static .rd-navbar-nav>li {
		margin: 0px 13px;
	}
}
@media (max-width: 1366px) {
    
	.rd-navbar-corporate .rd-navbar-static .rd-navbar-nav>li{
			margin: 0px 10px;
	}
		.rd-navbar-static .rd-navbar-nav>li>.rd-navbar-submenu-toggle:before, .rd-navbar-fullwidth .rd-navbar-nav>li>.rd-navbar-submenu-toggle:before{
        left: 0px !important;
	}
}
@media (max-width: 1212px) {
    .rd-navbar-fixed .rd-navbar-search .rd-search, .rd-navbar-fixed .rd-navbar-search-1 .rd-search{
        width: 350px;
    }
	.rd-navbar-static .rd-navbar-nav>li>a {
        font-size: 13px;
    }
}
@media (min-width: 768px) and (max-width: 991px) {
    .popup-intro-content__tour a{
        font-size: 16px;
    }

}
@media (min-width: 768px) {
    /* .poup-intro .container{
        max-width: calc(100% - 200px);
    } */
    .leo_images {
        display: grid;
        grid-template-columns: repeat(8, 1fr);
        grid-template-rows: repeat(4, 1fr);
    }
    #leo_images .item {
        border: 2px solid #fff;
    } 
    .leo_images>div:nth-child(1)>div {
        overflow: hidden;
        padding-block-start: 100%;
        position: relative;
    }
    .leo_images img {
        height: 100%;
        left: 0;
        object-fit: cover;
        padding: 0.1em;
        position: absolute;
        top: 0;
        width: 100%;
    }
    .leo_images>div:nth-child(1){
        grid-row-end: span 4;
        grid-column-end: span 4;
    }
    .leo_images>div:nth-child(2), .leo_images>div:nth-child(3), .leo_images>div:nth-child(4),  .leo_images>div:nth-child(5), .leo_images>div:nth-child(6) {
        grid-row-end: span 2;
        grid-column-end: span 2;
    }
    .leo_images>div:nth-child(2)>div, .leo_images>div:nth-child(5)>div, .leo_images>div:nth-child(6)>div {
        overflow: hidden;
        padding-block-start: 100%;
        position: relative;
    }
    .leo_images>div:nth-child(3)>div, .leo_images>div:nth-child(4)>div {
        overflow: hidden;
        padding-block-start: 100%;
        position: relative;
    }
    
}
@media (max-width: 767px) {
	.input-group-btn{
		width: 40px;
		right: 28px;
	}
	.popup-intro-content__welcome h2{
		font-size: 27px;
	}
    .popup-intro-content__tour {
        width: 100%;
		top: calc(50% + 80px);
    }
    .popup-intro-content__tour .col-md-4:nth-child(2){
        border: none;
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        padding: 10px 0;
        margin: 10px 0;
    }
    .poup-intro .tour-contact {
        margin-top: 10px;
    }
    .leo_images {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        grid-template-rows: repeat(3, 1fr);
    }
    .leo_images>div:nth-child(1){
        grid-row-end: span 2;
        grid-column-end: span 2;
    }
    .leo_images>div:nth-child(2), .leo_images>div:nth-child(3), .leo_images>div:nth-child(4),  .leo_images>div:nth-child(5), .leo_images>div:nth-child(6) {
        grid-row-end: span 1;
        grid-column-end: span 1;
    }
    .section-variant-1 >div > div > div{
        --bs-gutter-y: 10px;
    }
    .btn-tour span.text-large{
        font-size: 15px;
    }
    .default-price{
        font-size: 25px !important;
    }
    .post-blog-caption-footer strong{
        font-size: 15px !important;
    }
    .btn-tour span.fas,
    .fa-search{
        font-size: 20px;
    }
    .swiper-pagination-bullet{
        width: 10px !important;
        height: 10px !important;
    }
    .swiper-pagination-wrapƠ{
        bottom: 0 !important;
    }
    .parallax-text-wrap h1,
    .parallax-text-wrap span{
        font-size: 30px !important;
    }
    #divContentTourOutboundMain > div  > div:first-child + div> div.col-md-12.text-left{
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        display: -webkit-box;
        white-space: normal;
    }
    .post-blog-caption-header{
        font-size: 13px !important;
    }
    .product-block{
        padding-inline: 0;
    }
    .box-cta-title span{
        font-size: 25px !important;
    }
    .footer-top-area-img > div:nth-child(2){
        margin-top: 20px !important;
    }
    .footer-top-area-img > div:not(:first-child){
        padding-left: 0 !important;
    }
    body.single-tour .page{
        min-height: auto !important;
    } 
    .content-tour h2{
        font-size: 22px;
    }
    #modalInfoBookSeatTourOutboundOnline td.font25{
        font-size: 14px !important;
    }
    .table-price{
        max-width: 800px;
        overflow-x: auto;
    }
    .poup-intro-partner a img{
        height: 40px ;
        width: auto !important;
    }
}
@media (max-width: 375px) {
    .default-price{
        font-size: 20px !important;
    }
    .btn-tour span.text-large {
        font-size: 10px;
    }
}
.desktop .gallery-item .caption {
	background-color: #00000033 !important;
    width: 100%;
    z-index: 99999;
    display: flex;
    align-items: center;
}