*{} .blog-list{padding-top: 8.25rem;} #tour-advertise ul li .place-transport, #tour-advertise ul li .price { padding: 4px 2px; } #tour-advertise ul li, #tour-advertise ul li .price p.price-promotion, #tour-advertise ul li .place-transport p.place { font-size:14px; } #tour-advertise ul li .box-title p { font-size:12px; } #tour-advertise ul li .box-title h2 a{ font-size:15px; } #tour-advertise ul.lightSlider.custom-tour { min-height: 250px !important; } #tour-advertise .box-title a.tour-title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; line-height: 19px; max-height: 40px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } #banner-blog-full{ position: absolute; margin: auto; /*width: 50%;*/ z-index: 2; background: rgba(4, 4, 4, 0.35); font-size: 20px; padding: 5px; } .custom-background-opacity{ /*display: inline-block;margin: auto;width: 50%;*/ z-index: 2; background: rgba(4, 4, 4, 0.35); font-size: 20px; padding: 5px; } .more-shortblog p{ overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; -webkit-line-clamp: 6; -webkit-box-orient: vertical; line-height: 21px; } .blog-detail .detail-content { font-size: 13px; color: #222; } .blog-detail .meta, .blog-detail p, .blog-detail .detail-content { /*font-family: "VNF-Gotham";*/ line-height: 1.5; } #blog-destination .list-tours{ margin-top:10px !important; } .title-line h2 { /*font-family: "VNF-Gotham";*/ font-size: 45px; color: #222; line-height: 48px; margin: 0; } .title-line h2 .icon { display: block; position: relative; width: 340px; height: 40px; margin: 8px auto 0; } .title-line h2 .icon:after, .title-line h2 .icon:before { width: 120px; height: 1px; background: #ccc; display: block; content: ""; position: absolute; top: 50%; } .title-line h2 .icon:before { right: 0; } .title-line h2 .icon:after { left: 0; } .readmore{ color:#06b7f5 !important; margin-top: 3px !important; } .lm-control a:before { content: none !important; } .caption-tour p span { margin-left: 0; } .gallery.download-tour img { width: 100%; } .special-map { width: 265px; overflow: hidden; text-align: center; } .special-map img { width: 100%; } .special-map h4 { font-size: 14px; } .des-map { width: 100px; text-align: center; background: #FFDF25; } .des-map img { width: 100%; } .des-map h4 { font-size: 14px; color: #fff; padding: 5px 10px; vertical-align: middle; } .tour-detail a.right.carousel-control, .tour-detail a.left.carousel-control { background-image: none; } h1{ color: #fff; font-size: 29px; padding: 0 45px; margin: 40px 0; } .content-post h1 { color: #222; padding: 0; } .caption-tour h1 { padding: 0 0; } .error{ color:#F00; font-size:16px; /* text-align:center; margin:40px;*/ } .btn-red { background: #f15c62; line-height: 50px; display: inline-block; } .btn-blue { background: #00aae5; line-height: 50px; display: inline-block; } .content-amazing { padding-bottom:150px; } .content-amazing p.contact { /*font-family: "VNFQuicksand-Bold";*/ color: #f15c62; font-size: 20px; } .content-amazing p.contact span{ padding: 0 180px; color: #fff; } .blog-detail .col-xs-12.col-sm-12.col-md-8 { overflow: hidden; } .search-tool .service label { line-height: 24px; } .image-upload img { max-width: 160px; } .tour-hotel .loc_hotel { cursor: pointer; } li.item-blog { width: 85px; } .list-tours .lists .hovereffect a { height: 100% !important; top: 0; } .list-tours .lists .hovereffect a span { position: absolute; top: 50%; left: 0; width: 100%; } .address li { /* display: inline-flex; */ /* width: 100%; */ } .address li.website, .address li.mail { display: inline-flex; } .address li .facebook { width: 100%; } .address li.website a, .address li.mail a { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 16px; max-height: 16px; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .compare-tour .tour:nth-child(1) { margin-top: -30px; } .contact-agency.container.space-4 { margin-top: 30px; } .info-agency .btn-primary { width: 100%; } .compare-1 .popover-title { display: none; } .gallery img {/* width: 100%; */} ul#boxx-login { width: 400px; height: 100px; padding: 20px; margin: auto; list-style:none; } .blog { } /* .row.blog .col-md-4:nth-child(2) {padding-left: 10px;padding-right: 10px;} .row.blog .col-md-4:first-child {padding-left: 0;} .row.blog .col-md-4:last-child {padding-right: 0;padding-left: 20px;} */ /* .row.blog .col-md-4 img { width: 100%; height: auto; } */ .meta{ color:#a0aab4; font-size:89%; } .upload-post { display: block; float: right; margin-top: 20px; } .red { color: red; font-weight: bolc; font-style: italic; } .modal-body.image-post { overflow: hidden; } .load{ margin-top: 17px; } .btn-readmore-blog{ width:120px; height:40px; font-size: 15px; color: #666; } .tour-place .loc_pick a { color: #222; font-size: 16px; } .thumbnail a>img, .thumbnail>img { width: 100%; } .slide_top .carousel-inner .item img { height: 100%; left: 50%; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; position: absolute; top: 50%; transform: translate(-50%,-50%); width: 100%; z-index: 1; } img.tour-slider { width: 100%; } .highlight-tour .line-limit { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-height: 16px; max-height: 96px; -webkit-line-clamp: 6; -webkit-box-orient: vertical; } .logo-partner.logo-map img { max-height: 80px; } .logo-partner.logo-map { left: 50%; margin-left: -40px; } img.img-responsive { height:auto !important; display: initial; } #searchTop input[name='s'] { /* width: 300px; */ } .slider .slider-handle { cursor: pointer; } .button.btn-add { float: right; } .button.btn-add .btn { border-radius: 5px; font-size: 13px; background: #06b7f5; margin-top: 20px; } span.text_name { float: right; font-style: italic; font-size: 12px; } li.ui-menu-item:hover span.text_name { background: #06b7f5; border: none; color: #fff; } .notice-map { background: #169BD5; color: #fff; padding: 5px 0; padding-left: 10px; font-size: 15px; } .notice-map p { padding: 0; margin: 5px 0; } .search-tool .date .fa { right: 5px; } .col-md-4.date { padding: 0; } .custom-slider li.lslide { position: relative; } .custom-slider li.lslide .ribbon { position: absolute; top: 0; left: 0; z-index: 10; } .customClass { top: 70px !important; left: 270px !important; width: 400px !important; border: 1px solid #eee !important; } li.ui-menu-item { border-bottom: 1px solid #eee; } li.ui-menu-item a { background: #fff; border: none; padding: 5px 3px; } li.ui-menu-item:hover a, li.ui-menu-item:focus a, li.ui-menu-item:visited a { border: none; color: #fff; background: #06b7f5; } li.ui-menu-item:hover {background: #06b7f5;} .box-title a.tour-title { overflow: hidden; text-overflow: ellipsis; display: -webkit-box !important; line-height: 25px; max-height: 50px; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .custom-agency-logo img { width: 100%; } .labels { color: #fff; background-color: #FE3F60; font-family: "Segoe ui light"; font-size: 13px; border-radius: 5px; font-weight: bold; text-align: center; width: auto; /*padding: 3px;*/ opacity: 1; white-space: nowrap; pointer-events: none; } .box .box-header .compare a.icon-hover { background: rgba(0, 0, 0, 0) url("../images/icon-compare-hover.png") no-repeat scroll left top; } .box .box-header .logo-partner { left: 50%; max-width: 80px; margin-left: -40px; } .fb-button { clear: left; width: 45px; height: 45px; } .uncool-button { margin-bottom: 30px; } .fb-button .fb-like {opacity: 0;top: -42px;width: 60px;} .fb-button .fb-like.blog-detail { top: -32px; } .fb-button .fb-like.agency_detail { top: -32px; } .fb-button .fb-how-many { opacity: 1; top: 25px; width: 60px; left: 1px; } .fb-button .fb-overlay { width: 45px; height: 45px; float: left; position: relative; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; -ms-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px; background: url(../images/fb-like.png) no-repeat top left; } .fb-button:hover .fb-overlay { -moz-box-shadow: 0 0 2px 0 #d4f28f, 0 0 1px 0 #d4f28f; -webkit-box-shadow: 0 0 2px 0 #d4f28f, 0 0 1px 0 #d4f28f; -o-box-shadow: 0 0 2px 0 #d4f28f, 0 0 1px 0 #d4f28f; box-shadow: 0 0 2px 0 #d4f28f, 0 0 1px 0 #d4f28f; } .search .input-group-btn.border label{ float: left; } .search-tool .btn .caret { float: none; margin-top: 0; position: absolute; top: 50%; right: 10%; } .tour-detail #left-content {overflow: hidden;} .search .date { position: relative; } .search-compare .date .fa{ top: 50%; margin-top: -7px; } .box-info{ overflow-x: hidden; } .social-widget a.fb-like{ background: #029FDA url(../images/icon-cmt.png) no-repeat center center } .fb-button .tooltip .tooltip-inner{ background: #029FDA; color: #FFF8E8; /*font-family: "VNF-Gotham";*/ width: 110px; border-radius: 20px; height: 35px; line-height: 35px; font-size: 15px; text-align: center; padding: 0; -webkit-border-radius: 20px; } .fb-button .tooltip.right .tooltip-arrow{ border-right-color: transparent !important; } .fb-button .tooltip{ left: 45px !important; } .footer { margin-top: 2rem; background-color: #0d50a1; background-image: url(../images/bg.jpg); background-position: top center; background-repeat: no-repeat; background-size: cover; color: #fff; } .footer-top{padding: 0 0 25px;} .footer .footer-top .container { margin-top: -3rem; } .footer-heading { color: #510b61; font-weight: 500; margin-bottom: 1rem; padding-bottom: 0.5rem; position: relative; text-transform: uppercase; } .menu-categories h5 { color: #510b61; } .footer-heading::after { background-color: #510b61; bottom: 0rem; content: ""; display: block; height: 1px; left: 0rem; position: absolute; width: 20%; z-index: 1; } .footer .navbar-nav { display: flex; flex-direction: column; list-style: none; margin-bottom: 0; padding-left: 0; } .footer-menu .nav-link { color: #fff; filter: alpha(opacity=100); font-size: 1.45rem; font-weight: 300; margin-bottom: 0.75rem; opacity: 1; padding: 0 0 0 1rem; position: relative; transition: 0.3s opacity; } .footer-menu .nav-link::before { border-bottom: 0.35rem solid #fff; border-left: 0.35rem solid transparent; border-right: 0.35rem solid transparent; content: ""; left: 0; position: absolute; top: calc(50% - 3px); transform: rotate(90deg); } .footer .nav-contact .nav-item { display: flex; font-size: 1.3rem; margin-bottom: 0.5rem; } .footer i{color: #510b61;} .footer-menu .nav-link:hover { filter: alpha(opacity=50); opacity: 0.5; } .footer-bottom { background-color: rgba(12,72,145,0.7); padding: 0.9375rem 0 0; } .footer-bottom{ left: 0; bottom: 0; width: 100%; } .footer-bottom p{padding: 9px 0 0;} .fw-bold { font-weight: 700 !important; } .fs-7 { font-size: 1.2rem !important; } .mb-0 { margin-bottom: 0 !important; } .text-white { --bs-text-opacity: 1; color: #fff; } .nav-contact .nav-item .fas, .nav-contact .nav-item .far { flex-shrink: 0; font-size: 1.3rem; margin-right: 0.5rem; } .fas::before, .far::before{ display: inline-block; line-height: 1.4; text-transform: none; vertical-align: text-bottom; } .thumbnail--16x9 { padding-bottom: 69.25% !important; } .thumbnail-centered { display: block; height: 0; margin-bottom: 0; overflow: hidden; position: relative; } figure { margin: 0 0 1rem; } .icon-home { background-image: url(../images/tran-icon/home.png); height: 1.125rem; width: 1.5rem; } .icon { background-position: center center; background-repeat: no-repeat; background-size: contain; display: inline-block; vertical-align: middle; } .mb-1 { margin-bottom: 0.25rem !important; } .single-meta { font-size: 1.55rem; margin-bottom: 0.3rem; } .breadcrumb { padding: 8px 0px; margin-bottom: 0px; } .breadcrumb ul li{ list-style: none; display: inline; } .breadcrumb ul li:after { content: '>'; margin: 0 0.5rem 0 0.3rem; } .breadcrumb ul li:last-child:after { content: ''; } .widget { display: flex; flex-direction: column; } .widget-title { background-color: #06b7f5; color: #fff; font-size: 1.875rem; padding: 1.375rem 0.75rem 1.25rem; text-transform: uppercase; } .widget-menu .navbar-nav { display: flex; flex-direction: column; list-style: none; margin-bottom: 0; padding-left: 0; } .widget-menu .nav-link.active { color: #510b61; } .widget-menu .nav-link { align-items: center; color: #0d50a1; display: flex; font-size: 1.25rem; padding: 0.75rem 0.75rem; position: relative; text-transform: uppercase; } .map { padding-bottom: 36%; } .map--1x1 { padding-bottom: 100%; } .map { display: block; height: 0; padding-bottom: 40%; position: relative; width: 100%; } #form-contact .form-group{ margin-bottom:9px; position: relative; } #form-contact .form-group input { padding-left: 2.5rem; } #form-contact .form-group .far, #form-contact .form-group .fas { left: 0.625rem; position: absolute; top: 0.675rem; z-index: 1; } #form-contact .form-group label { display: inline-block; } .btn{border-radius: 0.25rem;} .mb-20{margin-bottom:20px;} .pb-30{padding-bottom: 3rem;} .pt-10{padding-top: 10px;} .pt-30{padding-top:2.5rem} .pt-79{padding-top: 6.938rem;} .mt-30{margin-top:2.5rem} .mt-60{margin-top:5rem} .min-h-60{min-height: 60vh;} span.dropcap{ display:inline-block; float:left; margin:0 1px 0 0; font-size:46px; line-height:5px; color:#00aae5 !important; } span.dropcap2{ display:inline-block; float:left; margin:0 1px 0 0; font-size:36px; color:#00aae5 !important; min-width:90px; text-align:center; line-height:3rem; border-right:1px #0d50a1 solid; } span.dropcap3{ color:#00aae5; float:left; font-size:3.5rem; font-weight:700; line-height:2.7rem; padding-right:0.5rem; } span.dropcap4{ color:#00aae5; font-size:1.9rem; font-weight:700; line-height:1.7rem; } span.dropcap5{ color:#00aae5; float:left; font-size:2rem; font-weight:700; line-height:2.2rem; padding-right:0.5rem; } .widget-action-sticky{ display: flex; flex-direction: column; height: auto; position: fixed; right: 1.0625rem; bottom: 2rem; width: 5.125rem; z-index: 1000 } .widget-action-sticky a{color: #fff} .widget-action-link{margin:0.6875rem 0} .widget-action-link .icon{position:relative} .icon--zalo { background: url(../images/icons/zalo.png) center center; background-color: transparent; background-size: 40px 40px; cursor: pointer; height: 4.125rem; visibility: visible; width: 4.125rem } .icon--mess { background: url(../images/icons/messager.png) center center; background-color: transparent; background-size: 40px 40px; cursor: pointer; height: 4.125rem; visibility: visible; width: 4.125rem } .tip{border:1px solid;overflow:scroll;overflow-x:hidden;border-right:2px solid;position:relative;/*background:rgba(149, 175, 174, 0.89);*/z-index:1000000;margin-top:4px;} .tip li{list-style:none;float:left;margin:4px;padding:2px;color:rgba(21, 19, 19, 0.67);border:1px solid rgb(230, 230, 230);border-radius:4px;background:rgba(179, 179, 179, 0.16);cursor:pointer;font-size:1.25rem} .classA li:hover {background:rgba(101, 105, 105, 0.41);} .tipA{margin-left:0px;} .tourinout{margin-left:0px;width:180px;} .search .input-group-btn:first-child {/*width:700px;*/} #search-myUL .classA{position:absolute;} #agency-menu .opaque-navbar{background:rgba(4, 4, 4, 0.35);margin-top:0px;padding-top:26px;} #viewmost .most{margin-top:35px;margin-bottom:10px;} #cation_tour .captiontour{background:rgba(7, 20, 33, 0.61)} #myModalB {z-index:1000000;} #myModalB .chose_address h4{text-align:center;} #myModalB .chose_addressB {margin-left:200px;} #myModalB .chose_addressC{margin:0px 0px -1px 0px;width:100px;margin-left:-133px;} #myModalB .chose_address{position:relative;z-index:10000000;width:230px;/*background:#d2d2d2;*/} #all-tour .allA-tourA{height:110px;} #all-tour .allA-tourA .allB-tourB{margin-top:55px;text-align:right;display:block;/*width:70%;right:0;*/margin-left:20%;} #instant{position:relative;z-index:100000;width:100%;} #chose_addressC label{cursor:pointer;} #btn-in span{cursor:pointer;} #instantchannel{margin-bottom:20px;background:#ffffff;width:100% ;  position:absolute;z-index:100000;margin-top:20px;} #instantchannel .form-control{border-radius:4px;position:relative;text-indent:20px;} #instantchannel .allC-tourC{margin:10px;} #instantchannel .allCa-tourCa{float:left;} #instantchannel .allCb-tourCb{text-align:right;} #instantchannel .allD-tourD{text-align:center;} #instantchannel .allE-tourE{margin-left:0px;} #instantchannel .allEa-tourEa{text-align:center;/*float:left;*/padding:2px;} #instantchannel .allEb-tourEb{padding:7px;font-size:13px;background:rgb(21, 21, 197);color:white;} #instantchannel .fa-search{position:absolute;top:50px;left:25px;z-index:100001;} #instantchannel .glyphicon-calendar{position:absolute;top:100px;left:25px;z-index:100001;} #instantchannel .glyphicon-map-marker{ position:absolute; top:150px; left:25px; z-index:100001; } #myULB { overflow:scroll; overflow-x:hidden; overflow-y:scroll; height:100%; width:100%; position:fixed; background:#ffffff; z-index:1000000; margin-top:-76px; margin-left:-15px; bottom:0; } #myULB li{ list-style:none; float:left; margin:5px; padding:5px; border:1px solid rgba(214, 215, 218, 0.73); border-radius:8px; background:rgba(248, 248, 249, 0.65); } #myULC li{ list-style:none; float:left; margin:5px; padding:5px; border:1px solid rgba(214, 215, 218, 0.73); border-radius:8px; background:rgba(248, 248, 249, 0.65); } #inputtwo .form-control { text-indent:0px; } #myULB .tipA{ width:120%; } #myULC{ position:fixed; overflow-y:scroll; background:#ffffff; z-index:1000000; margin-top:-175px; width:100%; height:100%; margin-left:-15px; border:0; bottom:0; } #info-coupon .require{ font-weight: normal; } #pay_address_master .require_address{ margin-top:-2%; margin-left:0%; } #pay_address_master { margin-bottom:2%; } #pay_address_master .pay{ margin-left:0% !important; width:95% !important; } #info-contact  .requirebnt{ margin-left:-15px; } #care_tour_swiper .swiper-container { width:130%; height:300px; margin:20px auto; } #care_tour_swiper .swiper-slide { text-align:center; font-size:18px; background:red; display:-webkit-box; display:-ms-flexbox; display:-webkit-flex; display:flex; -webkit-box-pack:center; -ms-flex-pack:center; -webkit-justify-content:center; justify-content:center; -webkit-box-align:center; -ms-flex-align:center; -webkit-align-items:center; align-items:center; } #care_tour_swiper .swiper-slide { margin-right:10px !important; } #care_tour_swiper img{ position:absolute; top:0; margin-left:-23px; width:156px; height:160px; } .date-picker-wrapper{ z-index:100002 !important; } .box .box-header .compare a.icon{ display:none; } #search-lists .lSAction{ display:block !important; } #search-lists .box.box-vertical:hover .box-header .slider-image:after{ background:none; } #find_tourB{ } .allA-tourA.addclasstourA{ position:absolute; top:-45px; } .featured-tours.addclasstourB{ top:-46px } #testAA .A ul li{list-style:none;font-size:12px;margin-left:-50px;} #testAA .A ul li:first-child a{color:#0e0e12;font-weight:bold;line-height:20px;font-size:13px;} #testAA .A ul li:last-child{color:red;font-weight:bold;} #testAA .A ul{margin-bottom:-4px;} #testAA .B {margin:5px 0px 5px -1px;} #testAA .addclassItem{ margin:0px; background:#FFFFFF; } #search-place .col-md-3.space-2{margin-top:0%;padding:0px;padding-left:8%;} #search-place{ position: relative; } #search-place .col-md-3.space-2 button{font-size:14px;height:40px;} #search-place .btn-inc-des{width:24px;background:#e6d8d8;display:block;text-align:center;border:1px solid #ff4157;border-radius:12px 12px;} #search-place .numberstay li{float:left;list-style:none;cursor:pointer;margin-right: 9px;} #search-place .numberstay{margin-bottom:0px;margin-top:0px;margin-left: 0px;padding-left: 0px;} #search-place .label-guest{ margin-top: 3px; } .daterangepicker.date_mobile .calendar {max-width:409px;margin:4px;} #search-place .luu_tru{width:18%;margin-left:-40px;} #search-place .ngay_di{ padding:0;min-width:60px;text-align:right;margin-left:-4%;line-height:40px;} #search-place .date{min-width:145px;} .addlist{margin-top:16%;} .custom-star{position:relative;float:right;} .custom-star div{width:21px; height:15px;float:left;} .custom-star .star-yellow{background:url(../images/star-yellow.png) no-repeat left center;background-size:15px;} .luu_tru label{margin-left:25px;} #testAA span img{width:54px;position:absolute;} .classA{ border:1px solid rgb(230, 230, 230); overflow:scroll; overflow-x:hidden; border-right:1px solid rgb(230, 230, 230); position:absolute; background:#FFFFFF; z-index:1000000; margin-top:0px; width:46em; display:none; } .classA .scroll-bar{background:rgb(255, 65, 87) !important;} .featured-tours.hidden-sm .box.box-vertical .box-body{border-bottom:2px solid #ebebeb;} #myModaltest .control-group h4{ margin-bottom:30px !important;} #myModaltest .hinh_blog{margin-top:10px;} #myModaltest .date #datetimepicker1{height:34px !important;} #myModaltest .control-group { display:inline-block; vertical-align:top; background:#fff; text-align:left; box-shadow:0 1px 2px rgba(0,0,0,0.1); padding:30px; width:auto; height:auto; margin:10px; border-radius:5%; } #myModaltest .control { display:block; position:relative; padding-left:30px; margin-bottom:15px; cursor:pointer; font-size:18px; } #myModaltest .control input {position:absolute;z-index:-1;opacity:0;} #myModaltest .control__indicator {position:absolute;top:2px;left:0;height:20px;width:20px;background:#e6e6e6;} #myModaltest .control--radio .control__indicator {border-radius:50%;} #myModaltest .control:hover input ~ .control__indicator, #myModaltest .control input:focus ~ .control__indicator {background:#ccc;} #myModaltest .control input:checked ~ .control__indicator {background:#2aa1c0;} #myModaltest .control:hover input:not([disabled]):checked ~ .control__indicator, #myModaltest .control input:checked:focus ~ .control__indicator {background:#0e647d;} #myModaltest .control input:disabled ~ .control__indicator {background:#e6e6e6;opacity:0.6;pointer-events:none;} #myModaltest .control__indicator:after {content:'';position:absolute;display:none;} #myModaltest .control input:checked ~ .control__indicator:after {display:block;} #myModaltest .control--checkbox .control__indicator:after { left:8px; top:4px; width:3px; height:8px; border:solid #fff; border-width:0 2px 2px 0; transform:rotate(45deg); } #myModaltest .control--checkbox input:disabled ~ .control__indicator:after { border-color:#7b7b7b; } #myModaltest .control--radio .control__indicator:after { left:7px; top:7px; height:6px; width:6px; border-radius:50%; background:#fff; } #myModaltest .control--radio input:disabled ~ .control__indicator:after {background:#7b7b7b;} #myModaltest .select { position:relative; display:inline-block; margin-bottom:15px; width:100%; } #myModaltest .select select {display:inline-block;width:100%;cursor:pointer;padding:10px 15px;outline:0;border:0;border-radius:0;background:#e6e6e6;color:#7b7b7b;appearance:none;-webkit-appearance:none;-moz-appearance:none;} #myModaltest .select select::-ms-expand {display:none;} #myModaltest .select select:hover, #myModaltest .select select:focus {color:#000;background:#ccc;} #myModaltest .select select:disabled {opacity:0.5;pointer-events:none;} #myModaltest .select__arrow {position:absolute;top:16px;right:15px;width:0;height:0;pointer-events:none;border-style:solid;border-width:8px 5px 0 5px;border-color:#7b7b7b transparent transparent transparent;} #myModaltest .select select:hover ~ .select__arrow, #myModaltest .select select:focus ~ .select__arrow {border-top-color:#000;} #myModaltest .select select:disabled ~ .select__arrow {border-top-color:#ccc;} #myModaltest .modal-dialog{text-align:center;} /*End test popup*/ .search-container .col-md-5 {width:39.25% !important;padding:0;} .search-container .col-md-7 {width:60.75%!important;padding:0;} .search_pc{padding:7px!important;} .mb_price .price{padding-right:0px;} .hotline big span{font-weight:bold; font-size:22px;} .related-post .item .img a {padding-bottom:72.25%!important;} .tour-schedules .thumbnail a>img{/*height:156px;*/} .style-tree li a.link-collapse {line-height:23px !important;} .btn-nav .navbar-toggle span { display: block; position: relative; } .btn-nav .navbar-toggle span, .btn-nav .navbar-toggle span::after, .btn-nav .navbar-toggle span::before { background-color: #fff; height: 0.125rem; transition: all .15s ease; width: 100%; } .btn-nav .navbar-toggle span::after, .btn-nav .navbar-toggle span::before { content: ""; left: 0; position: absolute; top: -0.5rem; z-index: 1; } .btn-nav .navbar-toggle span::after { top: 0.5rem; } #mainmenu  ul li.active{ color: #555; background-color: #e7e7e7; } .box-youtube{width:98%;max-width:640px;margin:0 auto;} .youtube{position:relative;padding-bottom:56.25%;padding-top:30px;height:0;overflow:hidden;} .youtube iframe, .youtube object, .youtube embed{position:absolute;top:0;left:0;width:100%;height:100%;} @media (max-width:768px){ .modal-dialog .carousel-inner .item img{ position: inherit; } .open-mobile-menu .btn-nav .navbar-toggle span { background-color: transparent!important; } .open-mobile-menu .btn-nav .navbar-toggle span::before { top: 0; transform: rotate(45deg); } .open-mobile-menu .btn-nav .navbar-toggle span::after { top: 0; transform: rotate(-45deg); } .navbar-header .navbar-toggle { margin-top: 2.3rem; margin-left: 1rem; } .navbar-header .phone { margin-top: 1.5rem; position: absolute; right: 0; width: 52px; } .navbar-header .phone a { color: #510b61; font-size: 24px; height: 52px; line-height: 52px; } .navbar-header .btn-nav{ position: absolute; } .navbar-header .logo{ margin: 0 auto; width: 100%; text-align: center; padding: 9px 0; } #mainmenu .navbar-nav { margin: 2px 1px !important; } #mainmenu  .nav>li>a { padding: 5px 15px !important; } .open-mobile-menu .mainmenu { right: 0px; } .open-mobile-menu .mainmenu { visibility: visible; opacity: 1; -webkit-animation: fadeIn 1s; } .mainmenu { background-color: #fff; box-shadow: 0 0 7px rgba(0,0,0,0.1); flex-direction: column; height: 100vh; right: -330px; padding: .9375rem 0; position: fixed; top: 0; transition: all .35s ease-in-out; width: 33rem; z-index: 999; } .mainmenu .navbar-nav{ flex-direction: column; height: 100%; -webkit-overflow-scrolling: auto !important; overflow-y: auto; } .mainmenu .navbar-nav{ flex-direction:column; height:calc(100% - 80rem / 16); -webkit-overflow-scrolling:auto!important; overflow-y:auto } .navbar-collapse { } #mainmenu  .nav>li>a { border-bottom: 1px solid #dfdfdf; font-size: 1.75rem; justify-content: space-between; } #mainmenu  .nav li a .fas::before, #mainmenu  .nav li a .far::before{ line-height: 1.6rem; } .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover { color: #00aae5; background: none; } .opaque-navbar { position: fixed !important; right: 0rem !important; top: 0rem !important; transition: all 0.25s ease !important; color: #fff; background-color: #fff !important; border-color: #e8e8e8; height: 70px !important; margin-bottom: 0; margin-top: 0 !important; } .megamenu> li{margin: 0 !important;} .megamenu{padding: 0 !important;} .megamenu> li{ width: 50% !important; } .megamenu>li>a { font-size: 1.2rem !important; padding: 5px 5px 5px 17px !important; } .breadcrumb ul{margin-left: -2rem;} .breadcrumb .single-meta { font-size: 1.3rem; margin-bottom: 0.2rem; } .min-h-60{min-height: 50vh;} .footer .navbar-nav{padding-left: 7px;} .tour-detail .highlight-tour h3 { margin: 0 0 10px 0; background-color: #00aae5; padding: 7px 10px; color: #fff; font-size: 18px; width: 50%; position: relative; } .tour-detail .highlight-tour h3:after { content: ""; display: inline-block; border-top: 17px solid transparent; border-right: 17px solid #fff; border-bottom: 17px solid transparent; border-left: 0; position: absolute; top: 0px; right: 0px; } .tour-schedules .style-tree > li { background: url(../images/bullet4.png) no-repeat left top; padding-left: 47px; position: relative; margin-top: 0; border-color: transparent; } .tour-schedules .style-tree > li  a.link-collapse { font-size: 14px; line-height: 22px; display: block; padding: 4px 15px; position: relative; } .tour-schedules .style-tree > li a.link-collapse:after { display: block; position: absolute; top: 4px; right: 15px; } .tour-schedules .style-tree > li.collapsed a.link-collapse:after { } .tour-schedules .style-tree > li .panel-heading{ background-color: transparent; border-color: transparent; } .tour-schedules .style-tree li ul li{ position: relative; margin-bottom: 20px; } .tour-schedules .style-tree li ul li .time{ background: #717070; display: inline-block; padding: 1px 0; text-align: center; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; color: #fff; position: absolute; top: 0; left: -44px; z-index: 10; width: 43px; font-size: 1.3rem; } .tour-schedules .style-tree li ul li .time:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(37, 37, 37, 0); border-top-color: #717070; border-width: 7px; margin-left: -7px; } .tour-schedules .style-tree > li:before { display: block; content: ""; width: 1px; height: 100%; background: #ccc; position: absolute; top: 34px; left: 25px; } .tour-schedules .style-tree > li:last-child:before{ height: calc(100% - 34px); } #tour-detail .lm-control { color: #222; position: absolute; bottom: 0; left: 0; width: 100%; height: 38px; background: #fff; text-align: center; } #tour-detail .lm-control .readmore{ color: #ff4157 !important; line-height: 38px; } .tour-schedules .style-tree li ul li ul li ul li { background: url(../images/bullet1.png) no-repeat 0px 6px; padding-left: 20px; color: #777; padding-bottom: 0; margin: 5px 0; } .tour-schedules .style-tree > li .thumbnails, .image-exp .thumbnails{ width: calc(100%/3); float: left; position: relative; } .tour-schedules .style-tree > li .thumbnails img, .image-exp .thumbnails img{ width: 100%; padding: 0 2.5px; height: 70px !important; } .tour-schedules .style-tree > li .gallery .count-gallery, .image-exp .thumbnails  .count-gallery{ font-size: 30px; color: #fff; position: absolute; top: 0; left: 0; text-align: center; margin-top: 0; width: 100%; z-index: 9; background-color: #000; height: 100%; opacity: 0.5; line-height: 70px; } .aboutus h1{ color: #fff; font-size: 29px; padding: 0 30px; margin: 40px 0; } .classA{ width:93%; margin-top: -6.5rem; } .scroll-wrapper > .scroll-content{ padding: 0 3px 0 5px; } .search-container { padding-top: 0rem; } }