.col-mar-0>.col, .col-mar-0>[class*=col-], .col-mar-0>[class^=col-] { padding-left: 0; padding-right: 0; } .col-mar-0 { margin-left: 0; margin-right: 0; } .col-mar-10 { margin-left: -10px; margin-right: -10px; } .col-mar-10>.col, .col-mar-10>[class*=col-], .col-mar-10>[class^=col-] { padding-left: 10px; padding-right: 10px; } .dat-xe-nguyenlan:after { content: ''; width: 0; height: 0; border-bottom: 200px solid #0a662f; border-left: 376px solid transparent; position: absolute; bottom: 0; right: 0; z-index: -1; } .bk-result{margin-bottom:36px;overflow:hidden}.bk-result table{width:100%;color:#5d5d5d;font-size:15px}.bk-result table td{padding:8px 10px 8px 8px}.bk-result table td img{width:24px;height:24px;display:inline-block;vertical-align:middle;margin-top:-2px}.bk-result table td .ic-avt-def{margin-top:-3px}.bk-result table td strong{color:#0a662f;font-weight:700}.bk-result table td small{font-size:13px}.bk-result table td:last-child{text-align:right}.result-cas{color:#5d5d5d}.result-cas .item{width:100%;padding:8px 0 8px 8px;font-size:0;position:relative;text-align:justify;display:none}.result-cas .item:after{display:inline-block;vertical-align:middle;content:'';width:100%}.result-cas .avt{width:24px;display:inline-block;vertical-align:middle;position:absolute;height:24px;line-height:24px;left:0;top:50%;margin-top:-12px}.result-cas .avt img{width:100%;height:100%;display:block;border-radius:50%}.result-cas .title{display:inline-block;vertical-align:middle;font-size:15px;font-weight:700;color:#0a662f;line-height:22px;max-height:22px;overflow:hidden}.result-cas .info{display:inline-block;vertical-align:middle;font-size:15px}.result-cas .time{display:inline-block;vertical-align:middle;font-size:13px;text-align:right}.bk-form{background:#f5f5f5;border-radius:10px;padding:20px 35px 30px 35px;margin-right:-20px;border:1px solid #9b9b9b}.bk-form .head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:20px}.bk-form .head .title{text-transform:uppercase;color:#0a662f;font-weight:700;font-size:25px;line-height:1.36;margin-right:23px;margin-top:3px}.bk-form .head .bk-tab{display:block}.bk-form .head .bk-tab li{display:inline-block;vertical-align:middle;margin-right:4px} .slick-slider{position:relative;display:block;-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{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-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{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.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-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-slide,.slick-slide:focus,.slick-slide:active,.slick-slide img,.slick-slide a{outline:none}@charset "UTF-8";.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}@-webkit-keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);transform:translateY(-15px)}}@keyframes bounce{0%,20%,50%,80%,100%{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}40%{-webkit-transform:translateY(-30px);-ms-transform:translateY(-30px);transform:translateY(-30px)}60%{-webkit-transform:translateY(-15px);-ms-transform:translateY(-15px);transform:translateY(-15px)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce}@-webkit-keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,100%{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pulse{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1)}100%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes shake{0%,100%{-webkit-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);transform:translateX(10px)}}@keyframes shake{0%,100%{-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);-ms-transform:translateX(-10px);transform:translateX(-10px)}20%,40%,60%,80%{-webkit-transform:translateX(10px);-ms-transform:translateX(10px);transform:translateX(10px)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes swing{20%{-webkit-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}}@keyframes swing{20%{-webkit-transform:rotate(15deg);-ms-transform:rotate(15deg);transform:rotate(15deg)}40%{-webkit-transform:rotate(-10deg);-ms-transform:rotate(-10deg);transform:rotate(-10deg)}60%{-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg)}80%{-webkit-transform:rotate(-5deg);-ms-transform:rotate(-5deg);transform:rotate(-5deg)}100%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}}.swing{-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center;-webkit-animation-name:swing;animation-name:swing}@-webkit-keyframes tada{0%{-webkit-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}@keyframes tada{0%{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}10%,20%{-webkit-transform:scale(.9) rotate(-3deg);-ms-transform:scale(.9) rotate(-3deg);transform:scale(.9) rotate(-3deg)}30%,50%,70%,90%{-webkit-transform:scale(1.1) rotate(3deg);-ms-transform:scale(1.1) rotate(3deg);transform:scale(1.1) rotate(3deg)}40%,60%,80%{-webkit-transform:scale(1.1) rotate(-3deg);-ms-transform:scale(1.1) rotate(-3deg);transform:scale(1.1) rotate(-3deg)}100%{-webkit-transform:scale(1) rotate(0);-ms-transform:scale(1) rotate(0);transform:scale(1) rotate(0)}}.tada{-webkit-animation-name:tada;animation-name:tada}@-webkit-keyframes wobble{0%{-webkit-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);transform:translateX(0%)}}@keyframes wobble{0%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}15%{-webkit-transform:translateX(-25%) rotate(-5deg);-ms-transform:translateX(-25%) rotate(-5deg);transform:translateX(-25%) rotate(-5deg)}30%{-webkit-transform:translateX(20%) rotate(3deg);-ms-transform:translateX(20%) rotate(3deg);transform:translateX(20%) rotate(3deg)}45%{-webkit-transform:translateX(-15%) rotate(-3deg);-ms-transform:translateX(-15%) rotate(-3deg);transform:translateX(-15%) rotate(-3deg)}60%{-webkit-transform:translateX(10%) rotate(2deg);-ms-transform:translateX(10%) rotate(2deg);transform:translateX(10%) rotate(2deg)}75%{-webkit-transform:translateX(-5%) rotate(-1deg);-ms-transform:translateX(-5%) rotate(-1deg);transform:translateX(-5%) rotate(-1deg)}100%{-webkit-transform:translateX(0%);-ms-transform:translateX(0%);transform:translateX(0%)}} .dat-xe-nguyenlan.col{padding-bottom:0px} .datform.col{padding-bottom:0px} .pad { padding-left: 40px;padding-top:20px } .result-cas { color: #5d5d5d; } .break { border-top: dashed 1px #9b9b9b; margin-top: 18px; margin-bottom: 0px; } .result-cas .info{ font-style: italic;} .result-cas .title { display: inline-block; vertical-align: middle; font-size: 15px; font-weight: 700; color: #0a662f; line-height: 22px; max-height: 22px; overflow: hidden; } .result-cas .info { display: inline-block; vertical-align: middle; font-size: 15px; } .result-cas .item { width: 100%; padding: 8px 0 8px 8px; font-size: 0; position: relative; text-align: justify; display: none; display:flex; } .result-cas .item:after { display: inline-block; vertical-align: middle; content: ''; width: 100%; } .ic { display: inline-block; vertical-align: middle; background-repeat: no-repeat; background-position: center; background-size: contain; } .ic-plus { width: 15px; height: 15px; background-image: url(images/ic-plus.svg); } .bk-form .row .col{padding-bottom:5px;padding-top:5px} .bk-form label, .bk-form legend{display:unset} .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; position: relative; min-height: 1px; } #btnReverse{display:flex} .align-items-center { -ms-flex-align: center!important; align-items: center!important; } .justify-content-between { -ms-flex-pack: justify!important; justify-content: space-between!important; } .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-auto{position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px;} .bk-form { background: #f5f5f5; border-radius: 10px; padding: 20px 35px 30px 35px; margin-right: -20px; border: 1px solid #9b9b9b } .bk-form .head { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 20px } .bk-form .head .title { text-transform: uppercase; color: #0a662f; font-weight: 700; font-size: 25px; line-height: 1.36; margin-right: 23px; margin-top: 3px } .bk-form .head .bk-tab { display: block } .bk-form .head .bk-tab li { display: inline-block; vertical-align: middle; margin-right: 4px } .bk-form .head .bk-tab li a { display: block; font-size: 13px; color: #000; font-weight: 500; line-height: 26px; background: #f0f0f0; padding: 0 8px; border-radius: 30px; min-width: 118px; text-align: center } .bk-form .head .bk-tab li a i { margin-right: 8px; -webkit-filter: none; filter: none; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .bk-form .head .bk-tab li a.active { color: #fff; background: #0a662f } .bk-form .head .bk-tab li a.active i { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1) } .bk-form .head .bk-tab label { display: inline-block; vertical-align: middle; margin-right: 4px; cursor: pointer } .bk-form .head .bk-tab label input { display: none } .bk-form .head .bk-tab label input:checked+span { color: #fff; background: #0a662f } .bk-form .head .bk-tab label input:checked+span i { -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1) } .bk-form .head .bk-tab label span { display: block; font-size: 13px; color: #000; font-weight: 500; line-height: 26px; background: #f0f0f0; padding: 0 8px; border-radius: 30px; min-width: 118px; text-align: center } .bk-form .head .bk-tab label span i { margin-right: 8px; -webkit-filter: none; filter: none; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .bk-form .label { font-weight: 500; font-size: 14px; margin-bottom: 5px; line-height: 19px } .bk-form .input { width: 100%; height: 40px; border: solid 1px rgba(155, 155, 155, .5); border-radius: 10px; padding-left: 15px; background: #fff; line-height: 40px; overflow: hidden } .bk-form .view-map { color: #0a662f; font-weight: 600; display: inline-block; vertical-align: middle; margin-bottom: 14px } .bk-form .view-map i { margin-top: -4px; margin-right: 11px } .bk-form .view-map:hover { text-decoration: underline } .bk-form .ctrl-input { margin-bottom: 14px; position: relative } .bk-form .ctrl-input.v2 { margin-bottom: 15px } .bk-form .ctrl-input .input { margin-bottom: 0; padding-left: 40px; padding-right: 10px; color: #3a3a3a } .bk-form .ctrl-input span { position: absolute; left: 12px; top: 50%; margin-top: -9px } .ic-arrows { width: 21px; height: 15px; background-image: url(images/ic-arrows.png); } .bk-form .ctrl-input .butn { position: absolute; right: 1px; top: 1px; bottom: 1px; width: 45px; border-left: solid 1px rgba(155, 155, 155, .5); padding-bottom: 2px; border-radius: 0 11px 11px 0 } .ic-phone { width: 18px; height: 18px; background-image: url(images/ic-phone.svg); } .bk-form .remove-pause-point i { color: #0a662f; margin-top: 7px } .bk-form .bk-check { cursor: pointer; margin-bottom: 12px } .bk-form .bk-check input { display: none } .bk-form .bk-check input:checked+i { background: #c2b3da } .bk-form .bk-check input:checked+i:after { background: #7839dc; left: 16px } .bk-form .bk-check i { display: inline-block; vertical-align: middle; position: relative; width: 36px; height: 14px; border-radius: 20px; background: #bebdbd; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; margin-top: -3px; margin-right: 6px } .bk-form .bk-check i:after { content: ''; position: absolute; width: 20px; height: 20px; border-radius: 50%; top: -3px; left: 0; background: #f1f1f1; -webkit-box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2); box-shadow: 0 1px 4px 0 rgba(0, 0, 0, .2); -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .bk-form .c-drop { position: relative; margin-bottom: 12px } .bk-form .c-drop i { position: absolute; left: 13px; color: #0a662f; font-size: 16px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%) } .bk-form .c-drop i.v2 { color: #f52d56 } .bk-form .c-drop .input { margin-bottom: 0; padding-left: 47px; padding-right: 20px } .bk-form .c-drop .input.datetimepicker { padding-left: 41px } .bk-form .c-drop:after { content: ''; position: absolute; right: 12px; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid #000; top: 50%; margin-top: -2px } .bk-form .d-input { padding-bottom: 18px } .bk-form .fee-line { margin-bottom: 17px; max-height: 30px; min-height: 30px } .bk-form .fee-line .ic-money { margin-top: -4px } .bk-form .fee-line strong { color: #f82852; font-size: 16px } .bk-form .fee-line a { display: inline-block; vertical-align: middle; margin-top: -5px; margin-left: 5px } .bk-form .submit { width: 100%; background: #f52d56; color: #fff; border-radius: 10px; height: 48px; font-size: 18px; font-weight: 700; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; margin-top: 6px; -webkit-box-shadow: 0 5px 14px 0 rgba(0, 0, 0, .1); box-shadow: 0 5px 14px 0 rgba(0, 0, 0, .1) } .bk-form .submit i { margin-left: 18px; font-size: 21px; margin-top: -3px } .bk-form .submit:hover { -webkit-box-shadow: 0 5px 14px 0 rgba(0, 0, 0, .4); box-shadow: 0 5px 14px 0 rgba(0, 0, 0, .4) } .bk-form .i-drop .input { cursor: pointer } .bk-form .i-drop ul { position: absolute; background: #fff; border-radius: 14px; z-index: 1; -webkit-box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .2); box-shadow: 0 2px 14px 0 rgba(0, 0, 0, .2); -webkit-backdrop-filter: blur(20px); backdrop-filter: blur(20px); width: 344px; max-width: 80vw; margin-top: 5px; display: none list-style:none; } .bk-form .i-drop ul li a { font-size: 16px; line-height: 22px; display: block; padding: 14px 10px 14px 24px; border-bottom: solid 1px rgba(0, 0, 0, .1); position: relative } .bk-form .i-drop ul li a:after { content: ''; position: absolute; right: 24px; top: 50%; width: 21px; height: 19px; margin-top: -10px; background-size: contain; background-image: url(images/ic-check.svg); opacity: 0 } .bk-form .i-drop ul li a:hover { color: #0a662f } .bk-form .i-drop ul li a.active { color: #0a662f } .bk-form .i-drop ul li a.active:after { opacity: 1 } .bk-form .i-drop ul li span { display: inline-block; vertical-align: middle; position: relative; width: 48px; height: 30px; margin-right: 13px; margin-top: -1px } .bk-form .i-drop ul li:last-child>a { border-bottom: none } .md-helper { padding: 78px 0 48px 0 } .h-helper { background: #f5f5f5; padding: 40px 20px 20px 20px; min-height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column } .book-wrap .bk-form { padding: 30px 45px 35px 45px; margin-right: -30px } .book-wrap .col2 { margin-left: 20px } .slider .slick-dots { text-align: center } .main-nav>ul>li { margin-right: 45px } } @media all and (max-width:991px) { .book-wrap { padding: 0 15px 20px 15px } .book-wrap .pad { padding-left: 0; padding-right: 0 } .book-wrap .bk-form { margin-right: 0; padding: 20px 15px 20px 15px } .book-wrap .col2 { margin-top: 25px; margin-left: 0 } .book-wrap .stote-btn { text-align: center; margin-right: 0 } .book-wrap .stote-btn a { margin: 0 -10px; max-width: 150px } .bk-result { margin-bottom: 20px } } @media all and (max-width:767px) { .book-wrap { margin-left: -15px; margin-right: -15px; border-radius: 0 } .book-wrap .bk-form { margin-right: -15px } .bk-form { margin-left: -15px; margin-right: -15px; border-radius: 0 } .bk-form .head .title { font-size: 18px } #booking-modal .modal-content { padding: 25px 15px 30px 15px } } @media all and (max-width:320px) { .bk-form .head { display: block } } @media all and (max-width:575px) { .bk-form .head .title { margin-bottom: 5px } .bk-form .head .bk-tab li a { min-width: 110px } .bk-form .head .bk-tab label span { min-width: 110px } .datetimepicker { padding: 15px 12px 12px 12px; max-width: calc(100vw - 30px - 30px - 20px) } .bk-form .i-drop ul { max-width: calc(100vw - 30px - 30px - 20px) } .bk-form .i-drop ul li a { font-size: 15px; padding: 12px 10px 12px 12px } .bk-form .i-drop ul li a:after { right: 12px } .bk-form .i-drop ul li a span { margin-right: 4px } } .way { margin-bottom: 55px } .way .img { position: relative; margin-bottom: 5px } .way .img .c-img { padding-top: 51.49864%; overflow: hidden } .way .img .c-img img { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .way .img .title { position: absolute; bottom: 0; left: 0; background: #0a662f; color: #fff; background: -webkit-linear-gradient(left, rgba(48, 35, 174, .7) 40%, rgba(200, 109, 215, .7)); background: -o-linear-gradient(right, rgba(48, 35, 174, .7) 40%, rgba(200, 109, 215, .7)); background: -moz-linear-gradient(right, rgba(48, 35, 174, .7) 40%, rgba(200, 109, 215, .7)); background: -webkit-gradient(linear, left top, right top, color-stop(40%, rgba(48, 35, 174, .7)), to(rgba(200, 109, 215, .7))); background: -o-linear-gradient(left, rgba(48, 35, 174, .7) 40%, rgba(200, 109, 215, .7)); background: linear-gradient(to right, rgba(48, 35, 174, .7) 40%, rgba(200, 109, 215, .7)); padding: 4px 20px 3px 23px; font-weight: 500; line-height: 20px; margin-right: 25px } .way .img .title:after { content: ''; width: 0; height: 0; border-bottom: 27px solid rgba(200, 109, 215, .7); border-right: 23px solid transparent; position: absolute; top: 0; right: -23px } .way .img:hover img { -webkit-transform: scale(1.06); -ms-transform: scale(1.06); transform: scale(1.06) } .way .ct { padding-right: 30px } .way .ct p { font-weight: 500; color: #000; line-height: 1.71; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; z-index: 0 } .way .ct p:after { content: ''; position: absolute; left: 0; right: 0; border-top: dashed 1px rgba(151, 151, 151, .5); top: 50%; z-index: -1 } .way .ct .name { background: #fff; padding-right: 5px } .way .ct .price { background: #fff; color: #f82852; padding-left: 10px } @media all and (max-width:767px) { .way { margin-bottom: 30px } .way .ct { padding-right: 0 } } .service-banner { margin-bottom: 100px } .service-banner img { display: block; width: 100% } .p-post { margin-bottom: 100px } .p-post .img { display: block; overflow: hidden; overflow: hidden; border-radius: 5px } .p-post .img img { display: block; width: 100%; border-radius: 5px; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .p-post .img:hover img { -webkit-transform: scale(1.07); -ms-transform: scale(1.07); transform: scale(1.07) } .p-post .time { color: #9b9b9b; font-size: 16px; line-height: 22px; letter-spacing: 1.5px; margin-bottom: 24px; font-weight: 600 } .p-post .title { font-size: 44px; font-weight: 500; line-height: 1.09; max-width: 300px; text-align: left } .p-post .title.v2 { max-width: none } .p-post .title a:hover { color: #0a662f } .p-post p { color: #7e8085; font-size: 16px; line-height: 26px; margin-top: 26px; max-height: 130px; overflow: hidden; text-align: left } .p-post .view { display: inline-block; vertical-align: middle; background: #0a662f; color: #fff; width: 192px; height: 50px; border-radius: 10px; -webkit-box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, .5), inset 0 -1px 1px 0 rgba(0, 0, 0, .5); box-shadow: inset 0 1px 1px 0 rgba(255, 255, 255, .5), inset 0 -1px 1px 0 rgba(0, 0, 0, .5); text-align: center; font-size: 18px; line-height: 50px; margin-top: 36px } .p-post .view:hover { background: #f82852 } .p-post.v2 { margin-bottom: 26px } .post-page { margin-top: 60px } .load-more { text-align: center; position: relative; z-index: 0; margin-bottom: 57px; margin-top: 57px } .load-more:after { content: ''; position: absolute; left: 0; right: 0; top: 50%; border-top: solid 2px rgba(212, 212, 212, .5); z-index: -1 } .load-more a { display: inline-block; vertical-align: middle; background: #fff; padding: 0 50px; font-size: 16px; color: #0a662f } .load-more a:hover { color: #f82852 } .page-contact { margin-top: 38px } .page-contact .i-title { text-transform: uppercase; color: #0a662f; font-size: 25px; font-weight: 700; margin-bottom: 27px; position: relative; z-index: 0 } .page-contact .i-title span { display: inline-block; vertical-align: middle; background: #fff; padding-right: 23px } .page-contact .i-title:after { content: ''; left: 0; right: 0; border-top: dashed 1px #979797; position: absolute; bottom: 12px; z-index: -1 } .page-contact .p-line { position: relative; padding-left: 96px; font-size: 16px; margin-bottom: 18px } .page-contact .p-line span { font-size: 14px; color: #7e8085; font-weight: 500; position: absolute; left: 0; margin-top: 1px } .page-contact .p-line strong { font-weight: 600 } .page-contact .p-line .social a { display: inline-block; vertical-align: middle; margin-right: 20px } .page-contact .map { margin-top: 48px } .page-contact .map iframe { display: block; height: 230px } .ct-form p { margin-bottom: 13px; font-size: 16px; font-weight: 500 } .ct-form input { width: 100%; height: 40px; border: solid 1px rgba(155, 155, 155, .5); border-radius: 5px; padding-left: 20px; color: #ccc; font-weight: 500; margin-bottom: 16px } .ct-form input::-webkit-input-placeholder { color: #ccc } .ct-form input:-moz-placeholder { color: #ccc } .ct-form input::-moz-placeholder { color: #ccc } .ct-form input:-ms-input-placeholder { color: #ccc } .ct-form textarea { border: solid 1px rgba(155, 155, 155, .5); border-radius: 5px; height: 151px; padding-left: 20px; padding-top: 26px; width: 100%; display: block; color: #ccc; resize: none; margin-bottom: 28px } .ct-form textarea::-webkit-input-placeholder { color: #ccc } .ct-form textarea:-moz-placeholder { color: #ccc } .ct-form textarea::-moz-placeholder { color: #ccc } .ct-form textarea:-ms-input-placeholder { color: #ccc } .ct-form button { height: 50px; width: 174px; border-radius: 10px; background: #0a662f; color: #fff; font-size: 18px; font-weight: 500 } .ct-form button:hover { background: #f82852; color: #fff } .page-contact { border-bottom: dashed 1px #979797; padding-bottom: 80px; margin-bottom: 75px } .sale-big { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 45px } .sale-big .img { width: 43.95833%; -webkit-box-flex: 0; -ms-flex: 0 0 43.95833%; flex: 0 0 43.95833% } .sale-big .img img { display: block; width: 100% } .sale-big .ct { padding-left: 100px; padding-right: 145px; padding-top: 54px } .sale-big .ct .time { font-weight: 600; color: #9b9b9b; line-height: 1.57; letter-spacing: 1.5px } .sale-big .ct .title { font-size: 25px; font-weight: 700; line-height: 1.36; margin-bottom: 19px } .sale-big .ct .s-content { color: #3a3a3a; line-height: 19px } .sale-big .ct .s-content p { margin-bottom: 15px } .sale-big .ct .more { display: inline-block; vertical-align: middle; font-size: 18px; font-weight: 500; width: 167px; height: 32px; line-height: 34px; text-align: center; background: #0a662f; color: #fff; border-radius: 10px; margin-top: 20px } .sale-big .ct .more:hover { background: #f82852 } .sale { margin-bottom: 30px } .sale .c-img { padding-top: 61.07143%; margin-bottom: 35px } .sale .title { font-size: 18px; font-weight: 500; line-height: 19px; margin-bottom: 3px } .sale .title a:hover { color: #0a662f } .sale .time { margin-bottom: 15px } .sale .s-content p { margin-bottom: 15px } .price-table { margin-top: 40px; margin-bottom: 31px } .price-table .i-title { text-transform: uppercase; color: #0a662f; font-weight: 700; font-size: 25px; line-height: 1.36 } .price-table .desc { color: #7e8085; font-size: 16px; line-height: 1.625; margin-top: 14px; margin-bottom: 16px } .price-tb table { width: 100%; border: solid 1px rgba(151, 151, 151, .5); font-size: 16px; text-align: center } .price-tb table thead th { background: #f1eef6; font-weight: 500; padding: 14px 0; border-bottom: solid 1px rgba(151, 151, 151, .5) } .price-tb table tr:nth-child(2n) td { background: rgba(247, 242, 255, .22) } .price-tb table tr:last-child td { border-bottom: none } .price-tb table tr td { border-bottom: solid 2px rgba(151, 151, 151, .5); vertical-align: middle; padding: 10px 0 } .price-tb table tr td .img { display: block; height: 55px; position: relative } .price-tb table tr td .img img { -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .price-tb table tr td .img:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .price-tb table tr td .title { margin-top: 7px } .price-tb table tr td .title a:hover { color: #0a662f } .booking-sb { min-height: 100%; margin-bottom: 31px } .booking-sb.v2 { min-height: auto } .booking-sb .bk-form { height: 100%; background: #fff; -webkit-box-shadow: 0 0 10px 0 rgba(82, 43, 139, .35); box-shadow: 0 0 10px 0 rgba(82, 43, 139, .35); padding: 39px 20px 69px 20px; border-radius: 0 } .booking-sb .bk-form .head .title { margin-right: 17px } .booking-sb .bk-form .head .bk-tab li a { min-width: auto; padding: 0 10px } .booking-sb .bk-form .head .bk-tab label span { min-width: auto; padding: 0 10px } .booking-sb .bk-form .ctrl-input { margin-bottom: 22px } .booking-sb .bk-form .bk-check, .booking-sb .bk-form .view-map { margin-bottom: 25px } .booking-sb .bk-form .c-drop { margin-bottom: 24px } .booking-sb .bk-form .d-input { padding-bottom: 24px; margin-bottom: 26px } .booking-sb .bk-form .d-input .input { height: 51px } .booking-sb .bk-form .fee-line { margin-bottom: 20px } .booking-sb .bk-form .submit { margin-top: 12px } .booking-sb-success { height: 100%; padding-bottom: 30px } .booking-sb-success.v2 { height: auto } .booking-sb-success .book-success { -webkit-box-shadow: 0 0 10px 0 rgba(82, 43, 139, .35); box-shadow: 0 0 10px 0 rgba(82, 43, 139, .35); background-color: #fff; padding: 48px 20px 76px 20px; height: 100% } .booking-sb-success .book-success .img { max-width: 253px; margin: 0 auto 38px auto } .booking-sb-success .book-success .title span { display: inline-block; vertical-align: middle; border-bottom: dashed 1px rgba(82, 43, 139, .5); padding-bottom: 4px } .booking-sb-success .book-success .button { margin-top: 60px } .single-page { margin-bottom: 60px; border-bottom: solid 1px rgba(151, 151, 151, .5); padding-bottom: 10px } .page-detail { margin-top: 40px; margin-bottom: 30px } .page-detail .i-title { text-transform: uppercase; color: #0a662f; font-weight: 700; font-size: 25px; line-height: 1.36; margin-bottom: 45px } .page-detail .s-content { line-height: 20px } .page-detail .s-content p { margin-bottom: 25px } .sb-post { margin-bottom: 24px } .sb-post .img { display: block; width: 40px; height: 40px; float: left; overflow: hidden; margin-top: 4px; border: solid 1px #979797 } .sb-post .img img { display: block; width: 100%; height: 100%; -webkit-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out } .sb-post .img:hover img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1) } .sb-post .title { margin-left: 58px; font-size: 16px } .sb-post .title a:hover { color: #0a662f } .sb-posts .i-title { font-weight: 700; font-size: 16px; text-transform: uppercase; margin-bottom: 45px; margin-top: 45px } @media all and (max-width:1199px) { .p-post .title { font-size: 34px; max-width: none } .p-post p { margin-top: 20px } .p-post .view { margin-top: 30px } .sale-big .img { width: 43.95833%; -webkit-box-flex: 0; -ms-flex: 0 0 43.95833%; flex: 0 0 43.95833% } .sale-big .img img { display: block; width: 100% } .sale-big .ct { padding-top: 30px; padding-left: 40px; padding-right: 60px } .sale-big .ct .more { margin-top: 5px } } @media all and (max-width:991px) { .page-contact { padding-bottom: 30px; margin-bottom: 30px } .page-contact .map { margin-top: 30px; margin-bottom: 30px } .sale-big { display: block; margin-bottom: 40px } .sale-big .img { width: auto; margin-bottom: 30px; padding: 0 30px } .sale-big .img img { display: block; width: 100% } .sale-big .ct { padding: 0 30px } .booking-sb { min-height: auto } .booking-sb .bk-form { padding-bottom: 30px } .booking-sb-success { height: auto } .booking-sb-success .book-success { height: auto; padding-bottom: 30px } .booking-sb-success .book-success .button { margin-top: 30px } } @media all and (max-width:767px) { .service-banner { margin-bottom: 30px } .p-post { margin-bottom: 30px } .p-post .img { margin-bottom: 30px } .p-post .title { font-size: 26px } .p-post p { margin-top: 15px } .p-post .view { font-size: 15px; height: 40px; line-height: 40px; width: 160px; border-radius: 5px; margin-top: 20px } .post-page { margin-top: 35px } .load-more { margin-top: 30px; margin-bottom: 30px } .price-table { margin-top: 20px } .price-table .i-title { font-size: 22px } .price-tb { overflow: auto } .price-tb table { min-width: 500px; font-size: 14px } .page-detail { margin-top: 20px } .page-detail .i-title { font-size: 22px; margin-bottom: 25px } .page-detail .s-content p { margin-bottom: 15px } .sb-posts .i-title { margin-bottom: 25px; margin-top: 30px } } .btn-call { position: fixed; bottom: 20px; left: 40px; z-index: 99 } .btn-call span { display: block; font-size: 16px; width: 38px; height: 38px; margin: auto; border-radius: 50%; line-height: 42px; text-align: center; color: #fff; background: #0a662f; position: relative } .btn-call span:before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 50%; border: solid 1px rgba(82, 43, 139, .6); -webkit-animation-name: zoomin; animation-name: zoomin; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } .btn-call span:after { content: ''; position: absolute; top: -10px; left: -10px; right: -10px; bottom: -10px; border-radius: 50%; background: rgba(82, 43, 139, .6); z-index: -1; -webkit-animation-name: zoomout; animation-name: zoomout; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate } .btn-call span i { -webkit-animation-name: lac; animation-name: lac; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite } @media all and (max-width:767px) { .btn-call { top: auto; left: 20px; bottom: 20px } } @keyframes lac { 0% { -webkit-transform: rotate(0); transform: rotate(0) } 10% { -webkit-transform: rotate(-25deg); transform: rotate(-25deg) } 20% { -webkit-transform: rotate(25deg); transform: rotate(25deg) } 30% { -webkit-transform: rotate(-25deg); transform: rotate(-25deg) } 40% { -webkit-transform: rotate(25deg); transform: rotate(25deg) } 50% { -webkit-transform: rotate(0); transform: rotate(0) } 100% { -webkit-transform: rotate(0); transform: rotate(0) } } @-webkit-keyframes lac { 0% { -webkit-transform: rotate(0) } 10% { -webkit-transform: rotate(-25deg) } 20% { -webkit-transform: rotate(25deg) } 30% { -webkit-transform: rotate(-25deg) } 40% { -webkit-transform: rotate(25deg) } 50% { -webkit-transform: rotate(0) } 100% { -webkit-transform: rotate(0) } } @keyframes zoomin { 0% { -webkit-transform: scale(.8); transform: scale(.8); opacity: 1 } 100% { -webkit-transform: scale(2.2); transform: scale(2.2); opacity: .1 } } @-webkit-keyframes zoomin { 0% { -webkit-transform: scale(.8); opacity: 1 } 100% { -webkit-transform: scale(2.2); opacity: .1 } } @keyframes zoomout { 0% { -webkit-transform: scale(.8); transform: scale(.8); opacity: 1 } 100% { -webkit-transform: scale(1.1); transform: scale(1.1); opacity: .3 } } @-webkit-keyframes zoomout { 0% { -webkit-transform: scale(.8); opacity: 1 } 100% { -webkit-transform: scale(1.1); opacity: .3 } } #breadcrumb { margin: 20px 0 0 0; padding: 0; color: #999 } #breadcrumb a:not(:hover) { color: #999 } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-family: 'FontAwesome' !important; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .fa-home:before { content: "ï€•" }  #btnReverse i{color:#fff} .ic-pin { width: 16px; height: 21px; background-image: url(images/ic-pin.svg); } .hr-form { display: block; height: 1px; border: 0; border-top: 1px dashed #131304; margin: 5px 0 8px 0; padding: 0 } .body-content { padding-left: 15px; padding-right: 15px } .carousel-caption p { font-size: 20px; line-height: 1.4 } .carousel-inner .item img[src$=".svg"] { width: 100% } #qrCode { margin: 15px } @media screen and (max-width:767px) { .carousel-caption { display: none } } .f-cate .container .img { position: relative } .f-cate .container .banner { display: inline-block; background-color: #fff; border-radius: 10px } @media(min-width:978px) { .f-cate .container .img .reson { position: absolute; color: #370679; text-align: left; line-height: 1; max-width: 270px } .f-cate .container .banner { padding: 0 50pt 0 50pt !important } } @media(max-width:978px) { .f-cate .container .img .reson { color: #370679; text-align: left; padding: 8pt 15pt 8pt 15pt; line-height: 1; max-width: 270px; flex: 0 0 50%; max-width: 50%; padding: 0 10.49px 10.49px 0 } .three { flex: 0 0 100%; max-width: 100%; padding: 10px } .three .white-top { display: none } .f-cate .container .wrap { display: flex; flex-wrap: wrap } } @media(max-width:768px) { .f-cate .container .img .reson { color: #370679; text-align: left; padding: 8pt 15pt 8pt 15pt; line-height: 1; max-width: 270px; flex: 0 0 100%; max-width: 100%; padding: 0 10.49px 10.49px 0 } .f-cate .container .wrap { display: flex; flex-wrap: wrap } .three { flex: 0 0 100%; max-width: 100%; padding: 10px } .three .white-top { display: none } } @media(min-width:992px) { .f-cate .container .img .four { top: 230px; right: -10pt } .f-cate .container .img .five { top: 50pt; right: 10pt } .f-cate .container .img .one { top: 50pt; left: 20pt } .f-cate .container .img .two { top: 230px; left: -40px } } @media(min-width:1200px) { .f-cate .container .img .four { top: 230px; right: 40pt } .f-cate .container .img .five { top: 50pt; right: 90pt } .f-cate .container .img .one { top: 50pt; left: 100pt } .f-cate .container .img .two { top: 230px; left: 20pt } } .reson h3 { color: #0a662f; font-size: 20px; font-weight: bold; letter-spacing: 0; line-height: 27px; position: relative } .reson h3 span { height: 13px; position: absolute; width: 22px; border-color: #f82852; display: inline-block; offset-rotate: 12pt; border: solid 1pt 0 0 1pt; border-top: 0; border-style: solid; border-right: 0; transform: rotate(-45deg) } .reson p { font-size: 18px; letter-spacing: 0; line-height: 25px; color: #000 } .f-cate { padding-top: 82px } .three { position: relative; color: #f82852; font-family: Lora; font-size: 26px; font-style: italic; font-weight: bold; letter-spacing: 0; line-height: 34px; text-align: right; border: 3px solid #ded3ef; border-radius: 24.5px; text-align: center; margin: 0 auto } .three .white-top { position: absolute; top: -10px; left: 46px; height: 29px; width: 71px; background-color: #fff } .three .oval { height: 18.36px; width: 18.36px; background-color: #0a662f; border-radius: 50% } .p-post .title { font-size: 20px !important } .pad-10 { padding: 0 10.45px 0 10.45px } .mar-bottom-20 { margin-bottom: 20px } .btn-more { display: flex; justify-content: center; align-items: center; height: 32px; width: 138px; border-radius: 10px; background-color: #0a662f; box-shadow: inset 0 -1px 1px 0 rgba(0, 0, 0, .5), inset 0 1px 1px 0 rgba(255, 255, 255, .5); margin: 10px auto 50px; font-size: 18px; font-weight: 500; letter-spacing: 0; line-height: 25px; color: #fff; cursor: pointer } .btn-more:hover { background: rgba(82, 43, 139, .8) } .no-cabslock { text-transform: none !important } .mobile-support-tool { z-index: 10501; left: auto; right: 1.5rem; bottom: 1.5rem } .fixed-bottom { position: fixed } .align-items-end { align-items: flex-end !important } .flex-column { flex-direction: column !important } .mobile-support-tool .btn { width: 50px; height: 50px; font-size: 1.7rem; color: #fff; position: relative; padding: 0 } .mobile-support-tool .btn i { vertical-align: middle } .btn-show-support { position: relative } .mobile-support-tool .title { padding: 0 5px 0 5px; height: 38px; background: #2f2b2b; position: absolute; font-size: 14px; right: 60px; line-height: 35px; bottom: 6px; border-radius: 5px; top: unset; left: unset; text-align: center; z-index: -1 } .btn-show-support::after { position: absolute; top: 0; left: -1px; width: 50px; height: 50px; border: 4px solid #cd1818; content: ''; border-radius: 50%; transform: scale(.9); z-index: -1 } .btn-show-support i { -webkit-animation: calltrap_spin 3s infinite linear; -moz-animation: calltrap_spin 3s infinite linear; -o-animation: calltrap_spin 3s infinite linear; animation: calltrap_spin 3s infinite linear } .popover { display: block; max-width: 276px; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-style: normal; font-weight: 400; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; border: 1px solid rgba(0, 0, 0, .2) } .btn-warning { background-color: #ffc801 !important; border-color: #ffc801 !important } .mess-container { background-color: #7646ff; border-radius: 50%; width: 60px; height: 60px; position: fixed; bottom: 20px; right: 25px; display: flex; justify-content: center; align-items: center } @media(max-width:750px) { .pc-only { display: none !important } #pricelist { flex-direction: column-reverse !important } .bk-form { box-shadow: none !important } } @media(max-width:984px) { .pc-only { display: none !important } } @media(min-width:989px) { .mobile-only { display: none !important } } .testi-2 .item .info { color: #666; font-weight: 500; line-height: 1.57; letter-spacing: 1.5px; margin-bottom: 20px } .testi-2 .item img { width: 80px; height: 80px; border-radius: 50% } .testi-2 .item .name { color: #000; font-size: 20px; font-weight: 500; margin: 5pt 0 0 0 } .testi-2 .item p { font-size: 16px; line-height: 1.625; color: #7e8085; font-family: Roboto, AvenirNext } .testi-2 .slick-dots { text-align: left } .testi-2 .slick-dots li.slick-active { background: #0a662f; transform: scale(1.4) } .testi-2 .slick-dots li { border: none; width: 10px; height: 10px; background: #a5a5a5 } .faq-container { margin: -40pt 0 -40pt 0; padding: 25pt; padding-top: 40pt; background-color: transparent; background-image: url(images/rectangle.png); background-size: cover; border-radius: 20pt } .faq-container .white { color: #fff } .faq-box { background-color: #fff; padding: 15pt; border-radius: 5pt } .faq-box .faq-row { border-bottom: #522b8a dashed 1pt; padding: 10pt; cursor: pointer } .faq-box .faq-row:last-child { border: none } .faq-box .faq-item { display: flex; flex-direction: row; justify-content: space-between; align-items: center } .faq-row p.q { color: #000; font-size: 14px; font-weight: 600 } .faq-row .btn-toggle { padding: 3pt; border: 1px solid #0a662f; border-radius: 2px; display: flex } .faq-row .btn-toggle i { color: #0a662f; transition-duration: .5s } .active p { color: #0a662f } .active .btn-toggle { background-color: #0a662f } .active .btn-toggle i { transform: rotate(180deg); transition-duration: .5s; color: #fff } .faq-container .md-title:after { background-image: url(images/sinw.png) !important } p.a { margin-top: 4pt } @media(max-width:768px) { .faq-container { padding: 10pt; padding-top: 20pt; background-color: transparent; background-image: url(images/rectangle.png); background-size: cover; border-radius: 10pt; margin-top: 10pt; margin-bottom: 10pt } .testi-2 { text-align: center } .testi-2 img { margin: 0 auto } .testi-2 .slick-dots { text-align: center } .md-title { text-align: center } .md-title:after { display: block; margin-left: auto; margin-right: auto } .faq-box .faq-row { border-bottom: #522b8a dashed 1pt; padding: 5pt; cursor: pointer } .faq-box { padding: 5pt } } .ic-plane { width: 16px; height: 12px; background-image: url(images/ic-plane.svg); } .ic-road { width: 15px; height: 11px; background-image: url(images/ic-road.svg); } .bk-form .btn-reverse { padding: 5pt 10pt; background-color: #0a662f; border-radius: 5px; color: #fff; cursor: pointer; margin-bottom: 12px } .book-wrap .break { border-top: dashed 1px #9b9b9b; margin-top: 18px; margin-bottom: 16px; } #CreateTrip input{box-shadow:none} .datetimepicker{padding:4px;margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;direction:ltr;display:none} .ic-money { width: 22px; height: 13px; background-image: url(images/ic-money.svg); } bk-form .i-drop ul li a:after { content: ''; position: absolute; right: 24px; top: 50%; width: 21px; height: 19px; margin-top: -10px; background-size: contain; background-image: url(images/ic-check.svg); opacity: 0; } .m-nav{display:none} .datetimepicker-inline{width:220px}.datetimepicker.datetimepicker-rtl{direction:rtl}.datetimepicker.datetimepicker-rtl table tr td span{float:right}.datetimepicker-dropdown,.datetimepicker-dropdown-left{top:0;left:0}[class*=" datetimepicker-dropdown"]:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,.2);position:absolute}[class*=" datetimepicker-dropdown"]:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute}[class*=" datetimepicker-dropdown-top"]:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-top:7px solid #ccc;border-top-color:rgba(0,0,0,.2);border-bottom:0}[class*=" datetimepicker-dropdown-top"]:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #fff;border-bottom:0}.datetimepicker-dropdown-bottom-left:before{top:-7px;right:6px}.datetimepicker-dropdown-bottom-left:after{top:-6px;right:7px}.datetimepicker-dropdown-bottom-right:before{top:-7px;left:6px}.datetimepicker-dropdown-bottom-right:after{top:-6px;left:7px}.datetimepicker-dropdown-top-left:before{bottom:-7px;right:6px}.datetimepicker-dropdown-top-left:after{bottom:-6px;right:7px}.datetimepicker-dropdown-top-right:before{bottom:-7px;left:6px}.datetimepicker-dropdown-top-right:after{bottom:-6px;left:7px}.datetimepicker>div{display:none}.datetimepicker.minutes div.datetimepicker-minutes{display:block}.datetimepicker.hours div.datetimepicker-hours{display:block}.datetimepicker.days div.datetimepicker-days{display:block}.datetimepicker.months div.datetimepicker-months{display:block}.datetimepicker.years div.datetimepicker-years{display:block}.datetimepicker table{margin:0}.datetimepicker td,.datetimepicker th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:0}.table-striped .datetimepicker table tr td,.table-striped .datetimepicker table tr th{background-color:transparent}.datetimepicker table tr td.minute:hover{background:#eee;cursor:pointer}.datetimepicker table tr td.hour:hover{background:#eee;cursor:pointer}.datetimepicker table tr td.day:hover{background:#eee;cursor:pointer}.datetimepicker table tr td.old,.datetimepicker table tr td.new{color:#999}.datetimepicker table tr td.disabled,.datetimepicker table tr td.disabled:hover{background:0;color:#999;cursor:default}.datetimepicker table tr td.today,.datetimepicker table tr td.today:hover,.datetimepicker table tr td.today.disabled,.datetimepicker table tr td.today.disabled:hover{background-color:#fde19a;background-image:-moz-linear-gradient(top,#fdd49a,#fdf59a);background-image:-ms-linear-gradient(top,#fdd49a,#fdf59a);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fdd49a),to(#fdf59a));background-image:-webkit-linear-gradient(top,#fdd49a,#fdf59a);background-image:-o-linear-gradient(top,#fdd49a,#fdf59a);background-image:linear-gradient(to bottom,#fdd49a,#fdf59a);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fdd49a',endColorstr='#fdf59a',GradientType=0);border-color:#fdf59a #fdf59a #fbed50;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false)}.datetimepicker table tr td.today:hover,.datetimepicker table tr td.today:hover:hover,.datetimepicker table tr td.today.disabled:hover,.datetimepicker table tr td.today.disabled:hover:hover,.datetimepicker table tr td.today:active,.datetimepicker table tr td.today:hover:active,.datetimepicker table tr td.today.disabled:active,.datetimepicker table tr td.today.disabled:hover:active,.datetimepicker table tr td.today.active,.datetimepicker table tr td.today:hover.active,.datetimepicker table tr td.today.disabled.active,.datetimepicker table tr td.today.disabled:hover.active,.datetimepicker table tr td.today.disabled,.datetimepicker table tr td.today:hover.disabled,.datetimepicker table tr td.today.disabled.disabled,.datetimepicker table tr td.today.disabled:hover.disabled,.datetimepicker table tr td.today[disabled],.datetimepicker table tr td.today:hover[disabled],.datetimepicker table tr td.today.disabled[disabled],.datetimepicker table tr td.today.disabled:hover[disabled]{background-color:#fdf59a}.datetimepicker table tr td.today:active,.datetimepicker table tr td.today:hover:active,.datetimepicker table tr td.today.disabled:active,.datetimepicker table tr td.today.disabled:hover:active,.datetimepicker table tr td.today.active,.datetimepicker table tr td.today:hover.active,.datetimepicker table tr td.today.disabled.active,.datetimepicker table tr td.today.disabled:hover.active{background-color:#fbf069}.datetimepicker table tr td.active,.datetimepicker table tr td.active:hover,.datetimepicker table tr td.active.disabled,.datetimepicker table tr td.active.disabled:hover{background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-ms-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc',endColorstr='#0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datetimepicker table tr td.active:hover,.datetimepicker table tr td.active:hover:hover,.datetimepicker table tr td.active.disabled:hover,.datetimepicker table tr td.active.disabled:hover:hover,.datetimepicker table tr td.active:active,.datetimepicker table tr td.active:hover:active,.datetimepicker table tr td.active.disabled:active,.datetimepicker table tr td.active.disabled:hover:active,.datetimepicker table tr td.active.active,.datetimepicker table tr td.active:hover.active,.datetimepicker table tr td.active.disabled.active,.datetimepicker table tr td.active.disabled:hover.active,.datetimepicker table tr td.active.disabled,.datetimepicker table tr td.active:hover.disabled,.datetimepicker table tr td.active.disabled.disabled,.datetimepicker table tr td.active.disabled:hover.disabled,.datetimepicker table tr td.active[disabled],.datetimepicker table tr td.active:hover[disabled],.datetimepicker table tr td.active.disabled[disabled],.datetimepicker table tr td.active.disabled:hover[disabled]{background-color:#04c}.datetimepicker table tr td.active:active,.datetimepicker table tr td.active:hover:active,.datetimepicker table tr td.active.disabled:active,.datetimepicker table tr td.active.disabled:hover:active,.datetimepicker table tr td.active.active,.datetimepicker table tr td.active:hover.active,.datetimepicker table tr td.active.disabled.active,.datetimepicker table tr td.active.disabled:hover.active{background-color:#039}.datetimepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.datetimepicker .datetimepicker-hours span{height:26px;line-height:26px}.datetimepicker .datetimepicker-hours table tr td span.hour_am,.datetimepicker .datetimepicker-hours table tr td span.hour_pm{width:14.6%}.datetimepicker .datetimepicker-hours fieldset legend,.datetimepicker .datetimepicker-minutes fieldset legend{margin-bottom:inherit;line-height:30px}.datetimepicker .datetimepicker-minutes span{height:26px;line-height:26px}.datetimepicker table tr td span:hover{background:#eee}.datetimepicker table tr td span.disabled,.datetimepicker table tr td span.disabled:hover{background:0;color:#999;cursor:default}.datetimepicker table tr td span.active,.datetimepicker table tr td span.active:hover,.datetimepicker table tr td span.active.disabled,.datetimepicker table tr td span.active.disabled:hover{background-color:#006dcc;background-image:-moz-linear-gradient(top,#08c,#04c);background-image:-ms-linear-gradient(top,#08c,#04c);background-image:-webkit-gradient(linear,0 0,0 100%,from(#08c),to(#04c));background-image:-webkit-linear-gradient(top,#08c,#04c);background-image:-o-linear-gradient(top,#08c,#04c);background-image:linear-gradient(to bottom,#08c,#04c);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088cc',endColorstr='#0044cc',GradientType=0);border-color:#04c #04c #002a80;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);filter:progid:DXImageTransform.Microsoft.gradient(enabled=false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datetimepicker table tr td span.active:hover,.datetimepicker table tr td span.active:hover:hover,.datetimepicker table tr td span.active.disabled:hover,.datetimepicker table tr td span.active.disabled:hover:hover,.datetimepicker table tr td span.active:active,.datetimepicker table tr td span.active:hover:active,.datetimepicker table tr td span.active.disabled:active,.datetimepicker table tr td span.active.disabled:hover:active,.datetimepicker table tr td span.active.active,.datetimepicker table tr td span.active:hover.active,.datetimepicker table tr td span.active.disabled.active,.datetimepicker table tr td span.active.disabled:hover.active,.datetimepicker table tr td span.active.disabled,.datetimepicker table tr td span.active:hover.disabled,.datetimepicker table tr td span.active.disabled.disabled,.datetimepicker table tr td span.active.disabled:hover.disabled,.datetimepicker table tr td span.active[disabled],.datetimepicker table tr td span.active:hover[disabled],.datetimepicker table tr td span.active.disabled[disabled],.datetimepicker table tr td span.active.disabled:hover[disabled]{background-color:#04c}.datetimepicker table tr td span.active:active,.datetimepicker table tr td span.active:hover:active,.datetimepicker table tr td span.active.disabled:active,.datetimepicker table tr td span.active.disabled:hover:active,.datetimepicker table tr td span.active.active,.datetimepicker table tr td span.active:hover.active,.datetimepicker table tr td span.active.disabled.active,.datetimepicker table tr td span.active.disabled:hover.active{background-color:#039}.datetimepicker table tr td span.old{color:#999}.datetimepicker th.switch{width:145px}.datetimepicker th span.glyphicon{pointer-events:none}.datetimepicker thead tr:first-child th,.datetimepicker tfoot th{cursor:pointer}.datetimepicker thead tr:first-child th:hover,.datetimepicker tfoot th:hover{background:#eee}.input-append.date .add-on i,.input-prepend.date .add-on i,.input-group.date .input-group-addon span{cursor:pointer;width:14px;height:14px}

.datetimepicker.dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: 0.5rem 0;
    margin: 0.125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0,0,0,.15);
    border-radius: 0.25rem;
}
.i-select ul{list-style:none}
.datetimepicker.dropdown-menu {
    border-radius: 14px;
    -webkit-backdrop-filter: blur(20px);
    backdrop-filter: blur(20px);
    -webkit-box-shadow: 0 2px 14px 0 rgb(0 0 0 / 20%);
    box-shadow: 0 2px 14px 0 rgb(0 0 0 / 20%);
    background-color: #fff;
    width: 344px;
    max-width: 80vw;
    border: none;
    padding: 20px 22px 15px 22px;
}
.service-cas .slick-arrow.prev {
    left: -80px;
}
.service-cas .slick-arrow {
    position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.slick-arrow {
    cursor: pointer;
    z-index: 1;
    text-align: center;
    position: absolute;
}
.service-cas .slick-list {
    margin: 0 -10px;
}
.slick-slider .slick-track, .slick-slider .slick-list {
    -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:before, .slick-track:after {
    display: table;
    content: '';
}

.service {
    background: #fff;
    padding: 30px 0 16px 0;
}
.service .img {
    display: block;
    position: relative;
    height: 145px;
    margin-bottom: 18px;
    overflow: hidden;
}
.service .img img {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.slick-slide img {
    display: block;
}
.service .title {
    text-align: center;
    color: #000;
    font-size: 24px;
    font-family: Roboto;
    letter-spacing: -.4px;
    font-weight: 700;
    margin-bottom: 17px;
    line-height: 1.20833;
}
.smooth {
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
.service .ct {
    padding: 0 10px 12px 14px;
}
.service .ct p {
    color: #4a4a4a;
    font-size: 15px;
    line-height: 2.13;
}
.service .ct p span {
    width: 22px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
    margin-top: -6px;
    margin-right: 6px;
}
.ic-cap {
    width: 15px;
    height: 15px;
    background-image: url(images/ic-cap.png);
}
.ic-user2 {
    width: 16px;
    height: 19px;
    background-image: url(images/ic-user2.png);
}
.ic-fee {
    width: 22px;
    height: 13px;
    background-image: url(images/ic-fee.png);
}
.service .butn {
    display: block;
    height: 46px;
    background: #0a662f;
    color: #fff;
    text-transform: uppercase;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    line-height: 46px;
    border-radius: 10px;
    margin: 0 14px;
}
.service-cas .slick-arrow.next {
    right: -80px;
}
.service-cas .slick-list .slick-slide {
    margin: 0 10px;
}
.testi-cas {
    padding: 0 190px
}

.testi-cas .item {
    text-align: center
}

.testi-cas img {
    display: block;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    margin: 0 auto 0 auto
}

.testi-cas .name {
    text-align: center;
    font-size: 20px;
    line-height: 1.25;
    color: #000;
    margin-top: 25px;
    margin-bottom: 6px
}

.testi-cas .info {
    color: #666;
    font-weight: 500;
    line-height: 1.57;
    letter-spacing: 1.5px;
    margin-bottom: 20px
}

.testi-cas p {
    font-size: 16px;
    line-height: 1.625;
    color: #7e8085;
    font-family: Roboto, AvenirNext
}

.testi-cas .slick-dots {
    margin-top: 37px
}

.testi-cas .slick-dots li {
    width: 10px;
    height: 10px;
    border: none;
    margin: 0 9px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
    background: #a5a5a5
}

.testi-cas .slick-dots li.slick-active {
    background: #0a662f;
    -webkit-transform: scale(1.4);
    -ms-transform: scale(1.4);
    transform: scale(1.4)
}

.testi-cas .slick-arrow {
    position: absolute;
    top: 50%;
    width: 60px;
    height: 60px;
    -webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}

.testi-cas .slick-arrow.prev {
    left: 0
}

.testi-cas .slick-arrow.next {
    right: 0
}

.testi-cas .slick-arrow:hover {
    opacity: .8
}
   
@media all and (max-width:991px) {
    .testi-cas {
        padding: 0 40px
    }

    .testi-cas p {
        font-size: 14px
    }

    .testi-cas .slick-arrow {
        width: 38px;
        height: 38px;
        margin-top: -19px
    }

    .testi-cas .slick-arrow.next {
        right: -10px
    }

    .testi-cas .slick-arrow.prev {
        left: -10px
    }
}
.ic-circle {
    width: 17px;
    height: 17px;
    background-image: url(images/ic-circle.svg);
}
@media all and (max-width:767px) {
    .testi-cas .slick-dots {
        margin-top: 20px
    }
}

.testi-cas .slick-dots {
    margin-top: 37px;
}
.slick-dots {
    text-align: center;
}
.slick-dots{list-style:none;padding: 0; list-style: none; margin: 0;}
.slick-dots li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
    width: 12px;
    height: 12px;
    border: solid 2px #666;
    border-radius: 50%;
    cursor: pointer;
}
.slick-dots button {
    display: none;
}
.bk-form .head .bk-tab {
    display: flex!important;
}
.thongtinchuyendat .info p{margin-bottom:10px}
.thongtinchuyendat{margin-bottom:20px;margin-top:20px}