﻿body {font:normal 14px Arial;color:#333}

/*Header*/
.ch, .CommonHeader{position:relative;z-index:2}
.ch .container{position:relative;z-index:1}
.AdvLogo{padding-top:22px;padding-bottom:5px}
.AdvLogo img{max-height:95px}

.rightHeader{}
.TopMenu,.AdvSupportTop,.CommonLang,.CommonHotlineTop{float:right}

.TopMenu a{font-size:12px;color:#666;display:inline-block;padding:12px 0}
.TopMenu a:after{content:"|";color:#d6d6d6;display:inline-block;padding:0 8px 0 10px;width:1px}
.TopMenu a:last-child:after{display:none}
.TopMenu a:hover,
.TopMenu a.active{color:#79bc0f}

.AdvSupportTop{padding-left:25px;height:38px}
.AdvSupportTop:before{display:inline-block;height:100%;width:0;content:"";vertical-align:middle}
.AdvSupportTop a{display:inline-block;margin:0 3px;vertical-align:middle;position:relative;z-index:1;height:25px}
.AdvSupportTop img{max-height:38px}
.AdvSupportTop a span{display:none;font-size:11px;color:#fff;background:#754a98;padding:3px 10px;position:absolute;z-index:1;white-space:nowrap;top:26px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
.AdvSupportTop a span:before{display:inline-block;content:"";position:absolute;z-index:1;top:-5px;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width: 0;
height: 0;
border-style: solid;
border-width: 0 4.5px 5px 4.5px;
border-color: transparent transparent #754a98 transparent;
}

.AdvSupportTop a[href^='skype:'] span{background:#2e75ed}
.AdvSupportTop a[href^='skype:'] span:before{border-color: transparent transparent #2e75ed transparent;}

.AdvSupportTop a[href^='mailto:'] span{background:#d40102}
.AdvSupportTop a[href^='mailto:'] span:before{border-color: transparent transparent #d40102 transparent;}

.AdvSupportTop a:hover span{display:inline-block}


.CommonLang{padding-left:25px;height:38px}
.CommonLang:before{display:inline-block;height:100%;width:0;content:"";vertical-align:middle}
.CommonLang a{display:inline-block;margin:0 3px;vertical-align:middle}
.CommonLang a:hover,
.CommonLang a.active{-webkit-box-shadow:0 0 3px 3px rgba(0,0,0,0.2);-ms-box-shadow:0 0 3px 3px rgba(0,0,0,0.2);box-shadow:0 0 3px 3px rgba(0,0,0,0.2)}
.CommonLang img{max-height:38px}

.CommonHotlineTop{margin-top:15px;padding-left:45px;font-size:15px;color:#3a7300;line-height:22px;background:url(pic/phone.png) no-repeat left center}
.CommonHotlineTop span{font-size:13px;color:#666}
.CommonHotlineTop a{color:#3a7300}
.CommonHotlineTop a:hover{color:#f9c200}

.CommonSearchBox{position:absolute;z-index:1;bottom:12px;right:0}
.CommonSearchBox input[type=text]{border:solid 1px #d6d6d6;font-size:12px;color:#888;padding:7px 10px;width:260px}
.CommonSearchBox a{display:inline-block;width:30px;height:30px;position:absolute;z-index:1;top:0;right:0;text-align:center;line-height:30px}
.CommonSearchBox a i{color:#999;font-size:16px;line-height:30px}

@media(min-width: 1200px){
    .CommonMainMenu ul.ulTop{margin:0;padding:0}
    .CommonMainMenu ul.ulTop>li{display:inline-block;position:relative;z-index:1}
    .CommonMainMenu ul.ulTop>li>a{display:inline-block;font:normal 14px 'opensanssemibold';color:#5b5b5b;text-transform:uppercase;position:relative;z-index:1;padding:15px 12px}

    .CommonMainMenu ul.ulTop>li>a:hover,
    .CommonMainMenu ul.ulTop>li>a.active{color:#79bc0f}

    .CommonMainMenu ul.ulTop>li>a:hover:after,
    .CommonMainMenu ul.ulTop>li>a.active:after{display:inline-block;content:"";width:100%;height:3px;background:#79bc0f;position:absolute;z-index:1;bottom:0;left:0}

    .CommonMainMenu ul.ulTop>li ul{display:none;position:absolute;z-index:1;margin:0;padding:0}
    .CommonMainMenu ul.ulTop>li ul li{list-style:none;margin:0;padding:0}

    .CommonMainMenu ul.ulTop>li:hover>ul{display:block}
    .CommonMainMenu ul.ulTop>li>ul li{background:rgba(121,188,15,0.9);border-bottom:solid 1px #90d631;padding:8px 8px 8px 22px;position:relative;z-index:1;min-width:222px}
    .CommonMainMenu ul.ulTop>li>ul li:hover{background:#5a8c0c}
    .CommonMainMenu ul.ulTop>li>ul li a{display:inline-block;white-space:nowrap;color:#fff;font-size:13px;position:relative;z-index:1}
    .CommonMainMenu ul.ulTop>li:hover>ul li a:before{display:inline-block;content:"\f05b";font:normal 5px/1 FontAwesome;position:absolute;z-index:1;top:46%;left:-11px;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}

    .CommonMainMenu ul.ulTop>li>ul>li>ul{top:0;left:100%;border-left:solid 1px rgba(0,0,0,0)}
    .CommonMainMenu ul.ulTop>li>ul>li:hover>ul{display:block}
}


.AdvMainSlide{position:relative;z-index:1;max-height:600px;overflow:hidden}
.AdvMainSlide .slideWrap{height:500px;position:relative;z-index:1;display:block;overflow:hidden}
.AdvMainSlide .slideWrap img{height:500px;position:absolute;z-index:1;top:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}

.AdvMainSlide .slick-prev,
.AdvMainSlide .slick-next{display:none !important}
.AdvMainSlide .slick-dots{position:absolute;z-index:1;bottom:0;right:0;width:100%;height:40px;background:rgba(0,0,0,0.5);margin:0;padding:0;text-align:right;padding:0 7%;overflow:hidden}
.AdvMainSlide .slick-dots:before{height:1px;content:"";display:block;width:100%;position:absolute;z-index:1;top:1px;left:0;background:rgba(255,255,255,0.18)}
.AdvMainSlide .slick-dots li{display:inline-block;width:10px;height:10px;border:solid 1px #fff;-ms-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;margin:0 3px;margin-top:15px;cursor:pointer}
.AdvMainSlide .slick-dots li.slick-active{background-color:#fff}
.AdvMainSlide .slick-dots li *{display:none}


.AdvSubSlide .slideWrap{height:303px}
.AdvSubSlide .slideWrap img{height:auto;top:50%;left:50%;transform:translate(-50%,-50%)}


.MainSlideAndGroupTour{position:relative;z-index:1}
.SubTourGroupsInSlide, .stgis{position:absolute;z-index:1;bottom:40px;left:0;width:100%;height:0}
.stgis .container{height:0;padding-top:7px}
.stgis .container .group-content{width:80%}
.stgis .groupName{display:block;float:left;color:#ffde00;text-transform:uppercase;background:url(pic/saleTag.png) no-repeat left center;padding:5px 0 5px 30px}
.stgis .list{float:left;width:70%;margin-left:5px;padding-top:5px}
.stgis .list a{color:#fff;font-size:13px}


.CommonPageRoad, .cpr{position:absolute;z-index:1;bottom:40px;left:0;width:100%;height:0}
.cpr .container{height:0}
.cpr .container .group-content{width:80%;height:40px;line-height:40px;font-size:13px;color:#fff}
.cpr .container .group-content a{color:inherit}
.cpr .container .group-content a:hover{color:#ffde00}
.cpr .container .group-content i{display:inline-block;padding-left:5px;padding-right:3px}


.CommonSupportFloatRight{position:fixed;z-index:2;right:0;top:50vh}
.CommonSupportFloatRight .baoGia{display:block;width:102px;height:62px;background:url(pic/support1.png) no-repeat center;margin-bottom:15px}
.CommonSupportFloatRight .hoTro{display:block;width:102px;height:48px;background:url(pic/support2.png) no-repeat center}


.scrop-top{position:fixed;z-index:2;bottom:100px;right:15px;color:#fff;background:rgba(0,0,0,0.2);padding:15px}
.scrop-top:hover{color:#fff;background:rgba(0,0,0,0.5)}
.scrop-top i{font-size:22px}


.CommonFooter, .cf{border-top:solid 1px #d6d6d6;padding-top:2px}
.AdvPartner{border-top:solid 1px #d6d6d6}
.AdvPartner .slick{padding:0 40px;width:100%}
.AdvPartner .khungAnh{width:16.6%;float:left}
.AdvPartner .khungAnh:before{padding-bottom:62%}

.slick button.slick-arrow{color:#a4a4a4;background:none;border:0;width:0;height:0;position:absolute;z-index:1;top:50%;transform:translateY(-50%);left:0;font-size:0}
.slick button.slick-next{left:auto;right:0}
.slick button.slick-arrow:before{display:inline-block;content:"\f104";font:normal 22px/1 FontAwesome;border:solid 1px #a4a4a4;padding:1px 9px 1px 8px;border-radius:3px;background:#fff;position:absolute;z-index:1;top:50%;left:0;transform:translateY(-50%)}
.slick button.slick-next:before{content:"\f105";padding:1px 8px 1px 9px;left:auto;right:0}
.slick button.slick-arrow:hover:before{background:#79bc0f;border-color:#79bc0f;color:#fff}


.CommonBottomMenu{background:#f6f6f6;padding:30px 0 30px 0}
.CommonBottomMenu ul,
.CommonBottomMenu li{margin:0;padding:0;list-style:none}
.CommonBottomMenu ul.ulTop{overflow:hidden;width:100%}
.CommonBottomMenu ul.ulTop>li{float:left;width:20%}
.CommonBottomMenu ul.ulTop>li>div{font-size:15px;font-weight:bold;color:#79bc0f;text-transform:uppercase;padding:10px 0}
.CommonBottomMenu ul.ulTop>li ul li{padding:7px 0 7px 20px;background:url(pic/cay.png) no-repeat left center}
.CommonBottomMenu ul.ulTop>li ul li:hover{background-image:url(pic/cayHover.png)}
.CommonBottomMenu ul.ulTop>li ul li a{font-size:13px;color:#666}
.CommonBottomMenu ul.ulTop>li ul li:hover a{color:#79bc0f}


.Copyrights{background:#6c6c6c;font-size:13px;color:#fff;padding:12px 0}
.Copyrights a{color:#fbd140}
.Copyrights a:hover{color:#fff}
.Copyrights .col-lg-8{text-align:right}
.Copyrights .col-lg-8 a:after{content:"|";color:#fbd140;display:inline-block;padding:0 8px 0 10px;width:1px}
.Copyrights .col-lg-8 a:last-child:after{display:none}


.BottomInfo{background:#888888}
.BottomInfo .mapWrap{border-right:dashed 1px #6e6e6e}
.BottomInfo .googlemap{padding:40px 25px 40px 0}
.BottomInfo .googlemap #map_canvas_home{
    width:100%;
    height:222px;
}

.BottomInfo .googlemap .mapborder{
    padding:3px;background:#dfdfdf
}

.BottomInfo .googlemap .infoBox{
    border:solid 1px #dfdfdf;
    background:#fff;
    width:300px;
    padding:10px;
}

.BottomInfo .infoWrap{border-right:dashed 1px #6e6e6e;border-left:dashed 1px #a6a6a6}
.BottomInfo .comInfos{padding:40px 25px 30px 25px;color:#f6f6f6;line-height:32px}
.BottomInfo .comInfos a{color:inherit}
.BottomInfo .comInfos i{color:#c9c9c9;display:inline-block;width:20px}
.BottomInfo .companyName{font-size:15px;text-transform:uppercase;border-bottom:solid 1px #737373;position:relative;z-index:1;padding-bottom:8px;margin-bottom:15px;margin-top:-5px}
.BottomInfo .companyName:after{content:"";display:inline-block;width:20%;height:1px;background:#fff;position:absolute;z-index:1;left:0;bottom:-1px}

.BottomInfo .staticWrap{padding:40px 0 40px 25px;text-align:right}
.TripAdvisor{width:100%;height:110px;background:#fff;border:solid 1px #79bc0f}

.AdvShareBottom{padding-top:20px}
.AdvShareBottom img{display:inline-block;margin-right:8px;-webkit-transition:all 0.3s ease 0s;-moz-transition:all 0.3s ease 0s;-ms-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s;transition:all 0.3s ease 0s}
.AdvShareBottom img:hover{-webkit-transform:scale(1.1) rotate(45deg);-moz-transform:scale(1.1) rotate(45deg);-ms-transform:scale(1.1) rotate(45deg);-o-transform:scale(1.1) rotate(45deg);transform:scale(1.1) rotate(45deg)}

.Statics{padding-top:20px;color:#fff;font-size:13px;line-height:22px}


.searchPanel{padding-top:25px}
.searchPanel .container{vertical-align:middle;overflow:hidden}
.searchPanel label{font-size:24px;color:#f9c200;text-transform:uppercase;display:inline-block;padding-right:10px;vertical-align:middle;margin-bottom:0}
.searchPanel input[type=text],
.searchPanel select{display:inline-block;width:auto;vertical-align:middle;margin-right:5px;width:200px}
.searchPanel select{width:144px}
.searchPanel a{display:inline-block;background-color:#79bc0f;color:#fff;padding:8px 22px 9px 22px;text-transform:uppercase;vertical-align:middle}
.searchPanel a i{font-size:16px;padding-right:3px}
#TourPrice {width: 120px}

/*Các nhóm tour trang chủ*/
.sdcih,.SubDestCateInHomepage{}
.sdcih .container{position:relative;z-index:1;overflow:hidden}
.sdcih .khungAnh:before{padding-bottom:66.75%}
.sdcih .group-item .title{font-size:18px;color:#333;text-transform:uppercase;display:inline-block;padding:15px 0}
.sdcih .group-item .title:hover,
.sdcih .group-item:hover .title{color:#79bc0f}
.sdcih .slick{margin-left:-13px;margin-right:-13px}
.sdcih .slick-slide{margin:0 13px}
.sdcih .slick button.slick-arrow{top:-48px;transform:none;right:12px}
.sdcih .slick button.slick-prev{left:auto;right:60px}

.sdcih .slick-dots{text-align:center;padding-top:15px;padding-bottom:30px}
.sdcih .slick-dots li{display:inline-block;width:15px;height:15px;border:solid 1px #dfdfdf;-ms-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;margin:0 5px;cursor:pointer}
.sdcih .slick-dots li.slick-active{background-color:#79bc0f;border-color:#fff;border-width:2px;box-shadow:0 0 0 1px #79bc0f}
.sdcih .slick-dots li *{display:none}


/*Kế thừa css từ group sdcih*/
.SubTourGroupFavorite,.stgf{background:#fafafa url(pic/bggroup.png)}
.stgf .group-item .title{text-transform:none}

/*Kế thừa css từ group sdcih*/
.SubTourGroupBestSeller,.stgbs{padding-bottom:50px}
.stgbs .group-item .title{text-transform:none;line-height:26px;padding-bottom:8px;padding-top:10px;height:70px;overflow:hidden}
.stgbs .group-item .desc{height:63px;overflow:hidden}
.stgbs .group-item .giaNY{color:#999;text-decoration:line-through;font-size:smaller}
.stgbs .slick{margin-left:-18px;margin-right:-18px}
.stgbs .slick-slide{margin:0 18px}
.stgbs .slick button.slick-arrow{right:17px}
.stgbs .slick button.slick-prev{left:auto;right:65px}
.stgbs .group-item .date{color:#999;font-size:13px;padding:5px 0 8px 28px;background:url(pic/cloud.png) no-repeat top left}
.stgbs .group-item .item-body{border:solid 1px #dfdfdf;border-top:none;padding:0 15px}
.stgbs .group-item .footer{border-top:dashed 1px #dfdfdf;overflow:hidden;margin-top:15px;padding:8px 0}
.stgbs .group-item .footer .fl{color:#f9c200;padding-top:3px}
.stgbs .group-item .footer .more{background:#79bc0f;font-size:12px;color:#fff;display:inline-block;padding:5px 5px 5px 20px;position:relative;z-index:1}
.stgbs .group-item .footer .more:hover{background-color:#f9c200}
.stgbs .group-item .footer .more:before{display:inline-block;content:"";width: 0;
height: 0;
border-style: solid;
border-width: 12px 0 12px 12px;
border-color: transparent transparent transparent #fff;position:absolute;z-index:1;top:0;left:0}


.SubTourCateInHomepage, .stcih{background:#fafafa url(pic/bggroup.png);padding-bottom:30px}
.stcih .group-desc{padding-bottom:30px;margin-top:-10px}
.stcih .col-lg-4 .khungAnh:before{padding-bottom:57.71%}
.stcih .col-lg-6 .khungAnh:before{padding-bottom:37.74%}
.stcih .group-item .item-body{border-bottom:solid 3px #79bc0f}
.stcih .group-item .title{font-size:20px;display:block;white-space:nowrap;-moz-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;color:#333;padding:13px 20px;border:solid 1px #f1f1f1;position:relative;z-index:1}
.stcih .group-body{padding-left:5px;padding-right:5px}
.stcih .group-item{margin-bottom:18px;padding-left:10px;padding-right:10px}
.stcih .group-item .title .plus{position:absolute;z-index:1;top:0;right:15px;height:100%}
.stcih .group-item .title .plus .v,
.stcih .group-item .title .plus .h{display:inline-block;width:21px;height:1px;background:#c5c5c5;position:absolute;top:50%;right:0}
.stcih .group-item .title .plus .h{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}
.stcih .group-item:hover .title{color:#f9c200}
.stcih .group-item:hover .item-body{border-color:#f9c200}
.stcih .group-item:hover .title .plus .v,
.stcih .group-item:hover .title .plus .h{background-color:#f9c200}

.SubNewsGroupInHomepage, .sngih{padding-bottom:50px}
.sngih .group-desc{padding-bottom:30px;margin-top:-10px}
.sngih .group-footer{text-align:center;padding-top:20px}
.sngih .group-footer .more{display:inline-block;font-size:15px;padding:10px 60px;color:#333;border:solid 1px #dfdfdf}
.sngih .group-footer .more.more span{font-weight:bold;color:#3a7300}
.sngih .group-footer .more:hover{border-color:#79bc0f}
.sngih .group-item.col-lg-6 .title-wrap{overflow:hidden;padding:25px 0 20px 0}
.sngih .group-item.col-lg-6 .title-wrap .full-date{background:#79bc0f;float:left;font-size:10px;color:#fff;text-align:center;line-height:18px;padding:15px 8px;margin-right:12px;-moz-min-width:70px;-ms-min-width:70px;-o-min-width:70px;-webkit-min-width:70px;min-width:70px}
.sngih .group-item.col-lg-6 .title-wrap .full-date span{font-size:22px}
.sngih .group-item.col-lg-6 .title{font-size:20px;max-height:45px;overflow:hidden}
.sngih .group-item.col-lg-6 .date{color:#999;font-size:13px;padding-top:5px}
.sngih .group-item.col-lg-6 .date i{font-size:15px}
.sngih .col-lg-4 .group-item{padding-bottom:16px;overflow:hidden}
.sngih .col-lg-4 .group-item .khungAnh{float:left;width:38%;margin-right:15px}
.sngih .col-lg-4 .group-item .date{font-size:12px;padding-top:10px}


.SubPhotoAlbumGroupInHomepage,.spagih{background:#fafafa url(pic/bggroup.png)}
.spagih .group-item .khungAnh:before{padding-bottom:53.16%}

.spagih .group-item .cover{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);color:#fff;text-align:center;display:none}
.spagih .group-item .cover span{display:inline-block;vertical-align:middle}
.spagih .group-item .cover span:first-child{display:inline-block;height:100%}
.spagih .group-item:hover .cover{display:block}

.spagih .group-item .title-wrap{border:solid 1px #e8e8e8;padding:10px 10px 12px 57px;background:url(pic/camera.png) no-repeat center left 15px}
.spagih .group-item .title{font-size:13px;padding:5px 0;display:inline-block;line-height:18px}
.spagih .group-item:hover .title-wrap{background-color:#79bc0f;background-image:url(pic/camera-hv.png);border-color:#79bc0f}
.spagih .group-item:hover .title,
.spagih .group-item:hover .date{color:#fff}

.spagih .group-item.col-lg-6{margin-bottom:15px;padding-left:10px;padding-right:10px}
.spagih .group-item.col-lg-6 .title-wrap{padding-left:45px;padding-top:0;padding-bottom:0;background-position:center left 10px}
.spagih .group-item.col-lg-6 .title-wrap .date{display:none}
.spagih .group-item.col-lg-6 .khungAnh:before{padding-bottom:47.25%}

.spagih .col-lg-6 .row{padding-left:5px;padding-right:5px}

.spagih .group-footer{border-bottom:solid 3px #79bc0f;text-align:center;padding-top:35px}
.spagih .group-footer .more{font-size:14px;text-transform:uppercase;color:#fff;background:#79bc0f;padding:10px 35px 5px 35px;display:inline-block;border-top:solid 4px #97d23a;-ms-border-radius:28px 28px 0 0;-webkit-border-radius:28px 28px 0 0;border-radius:28px 28px 0 0}
.spagih .group-footer .more:hover{border-top-color:#f9c200}


.SubCRGroupInHomepage,.scrgih{padding-bottom:50px}
.scrgih .group-heading{position:relative;z-index:1}
.scrgih .group-heading .more{display:inline-block;color:#f9c200;text-transform:uppercase;border:solid 1px #f9c200;padding:7px 15px;position:absolute;z-index:1;top:42px;right:0}
.scrgih .group-heading .more:hover{border-color:#79bc0f}
.scrgih .cus-comments .cus-comment{display:none;line-height:26px;text-indent:30px}
.scrgih .cus-comments .cus-comment:before{display:inline-block;content:"\f10d";font:normal 22px/1 FontAwesome;color:#e8e8e8;text-indent:0;padding-right:10px}
.scrgih .cus-comments .cus-comment:after{display:inline-block;content:"\f10e";font:normal 22px/1 FontAwesome;color:#e8e8e8;text-indent:0;padding-left:10px}

.scrgih .cus-infos{padding-top:25px;background:url(pic/hline.png) no-repeat top center}
.scrgih .cus-infos .cus-info{display:none;text-align:center;line-height:24px}
.scrgih .cus-infos .cus-info .cus-name{font-size:18px}
.scrgih .cus-infos .cus-info .cus-add{}
.scrgih .cus-infos .cus-info .cus-web{color:#79bc0f}

.scrgih .slick-list{padding-top:25px !important;padding-bottom:25px !important;padding-left:0 !important;padding-right:0 !important;margin-left:50px;margin-right:50px}
.scrgih .slick-wrap{padding:25px 290px}
.scrgih .slick-slide{margin-left:15px;margin-right:15px;cursor:pointer}
.scrgih .slick-slide.khungAnh:before{padding-bottom:100%}
.scrgih .slick-slide.khungAnh .khungAnhCrop{-ms-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;border:solid 3px #fff;-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.25);-ms-box-shadow:0 2px 4px rgba(0,0,0,0.25);box-shadow:0 2px 4px rgba(0,0,0,0.25)}

.scrgih .slick-slide.khungAnh.slick-current{-webkit-transform:scale(1.5);-moz-transform:scale(1.5);-ms-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5)}


/*Nhóm ý kiến khách hàng khi kéo vào trang trong*/
.col-left .scrgih .group-heading .more{display:none}
.col-left .scrgih .container{padding:0}
.col-left .scrgih .cus-comments{position:relative;z-index:1;margin-top:22px;background:#fcfcfc;padding:12px;-ms-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-webkit-box-shadow:0 1px 0 0 rgba(0,0,0,0.1);-ms-box-shadow:0 1px 0 0 rgba(0,0,0,0.1);box-shadow:0 1px 0 0 rgba(0,0,0,0.1);}
.col-left .scrgih .cus-comments .cus-comment{text-indent:10px;max-height:130px;overflow:hidden}
.col-left .scrgih .cus-comments .after{display:inline-block;content:"";width:38%;border:solid 1px #e5e5e5;background:#fff;-ms-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;position:absolute;z-index:1;right:20px;bottom:-65px}
.col-left .scrgih .cus-comments .after:before{display:inline-block;content:"";padding-bottom:100%}

.col-left .slick-and-cus-info{background:#fff;position:relative;z-index:2;margin-top:1px}

.col-left .scrgih .slick-wrap{width:38%;padding:4px;position:absolute;z-index:1;right:20px;top:-38px}
.col-left .scrgih .khungAnh:before{padding-bottom:100%}
.col-left .scrgih .slick button.slick-arrow{display:none !important}
.col-left .scrgih .slick-list{padding-top:0 !important;padding-bottom:0 !important;margin-left:0 !important;margin-right:0 !important}
.col-left .scrgih .khungAnh{border-radius:50%;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#e6e6e6+0,dfdfdf+50,b8b8b8+52,b8b8b8+100 */
background: #e6e6e6; /* Old browsers */
background: -moz-linear-gradient(top, #e6e6e6 0%, #dfdfdf 50%, #b8b8b8 52%, #b8b8b8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #e6e6e6 0%,#dfdfdf 50%,#b8b8b8 52%,#b8b8b8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #e6e6e6 0%,#dfdfdf 50%,#b8b8b8 52%,#b8b8b8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#b8b8b8',GradientType=0 ); /* IE6-9 */}
.col-left .scrgih .khungAnhCrop{border-radius:50%;border:solid 2px #fff;width:calc(100% - 4px);height:calc(100% - 4px);top:2px;left:2px}
.col-left .scrgih .cus-infos{background:none;width:53%;text-align:left;padding-top:15px}
.col-left .scrgih .cus-infos .cus-info{text-align:left;overflow:hidden}
.col-left .scrgih .cus-infos .cus-info .cus-name{font-size:16px;white-space:nowrap;text-overflow:ellipsis;display:inline-block;overflow:hidden;width:100%}
.col-left .scrgih .cus-infos .cus-info .cus-add{font-size:13px}
.col-left .scrgih .cus-infos .cus-info .cus-web{display:none}

.col-left .scrgih .slick-slide{margin-left:0;margin-right:0}
.col-left .scrgih .slick-slide.khungAnh.slick-current{-webkit-transform:scale(1.0);-moz-transform:scale(1.0);-ms-transform:scale(1.0);-o-transform:scale(1.0);transform:scale(1.0)}


.col-left .scrgih .slick-dots{position:absolute;z-index:1;bottom:-20px;right:0;width:100%;margin:0;padding:0;text-align:center;overflow:hidden}
.col-left .scrgih .slick-dots li{display:inline-block;width:6px;height:6px;margin:0 3px;background:#7f7f7f;cursor:pointer}
.col-left .scrgih .slick-dots li.slick-active{background:#79bc0f}
.col-left .scrgih .slick-dots li *{display:none}





.SubAboutUsInHomepage,.sauih{background:#fafafa url(pic/bggroup.png);padding-bottom:20px}
.sauih .group-desc{font-size:15px;line-height:28px;text-align:justify}
.sauih .group-desc .more{color:#f9c200}
.sauih .group-desc .more:hover{color:#79bc0f}
.sauih .group-footer{background:#e7e7e7;font-size:15px;color:#79bc0f;text-transform:uppercase;padding:18px 15px;margin-top:25px;position:relative;z-index:1}
.sauih .group-footer .more{display:inline-block;background:#79bc0f;color:#fff;padding:8px 15px;position:absolute;z-index:1;right:8px;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.sauih .group-footer .more:hover{background-color:#f9c200}

.sauih .container .col-lg-8{flex: 0 0 63%;max-width:63%}
.sauih .container .col-lg-4{flex: 0 0 37%;max-width:37%}
.sauih .container .col-lg-4 img{max-width:100%}


/*Bắt đầu các thành phần từ trang giới thiệu*/
.SubVideoGroupLeft,.svgl{}
.svgl .khungAnh:before{padding-bottom:56.25%}
.svgl .youtubeVideo{cursor:pointer}
.svgl .youtubeVideo span{display:inline-block;width:68px;height:68px;border:solid 2px #fff;-ms-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;position:absolute;z-index:2;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.svgl .youtubeVideo span:before{display:inline-block;content:"";width: 0;
height: 0;
border-style: solid;
border-width: 13px 0 13px 22px;
border-color: transparent transparent transparent #ffffff;position:absolute;z-index:1;top:50%;left:55%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.svgl .youtubeVideo:hover span{-webkit-transform:translate(-50%,-50%) rotate(120deg);-moz-transform:translate(-50%,-50%) rotate(120deg);-ms-transform:translate(-50%,-50%) rotate(120deg);-o-transform:translate(-50%,-50%) rotate(120deg);transform:translate(-50%,-50%) rotate(120deg)}



.SubPhotoAlbumGroupLeft,.spagl{overflow:hidden}
.spagl .group-item{border:solid 1px #fff;float:left;width:33.33%;margin-right:-1px;margin-bottom:-1px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;z-index:1}
.spagl .group-item .khungAnh:before{padding-bottom:62%}
.spagl .group-item:nth-child(1){width:66.2%}
.spagl .group-item:nth-child(1) .khungAnh:before{padding-bottom:62%}
.spagl .group-item:nth-child(3){clear:right}
.spagl .group-item:nth-child(3) + div{clear:left}
.spagl .khungAnhCrop:after{content:"";position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);display:none}
.spagl .khungAnhCrop>span{display:none;width:30%;position:absolute;z-index:2;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);border:solid 1px rgba(255,255,255,0.6);border-radius:50%}
.spagl .khungAnhCrop>span:before{display:inline-block;content:"";padding-bottom:100%}
.spagl .khungAnhCrop>span>span:before,
.spagl .khungAnhCrop>span>span:after{display:inline-block;content:"";width:60%;height:1px;background:rgba(255,255,255,0.6);position:absolute;z-index:1;top:50%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
.spagl .khungAnhCrop>span>span:after{-webkit-transform:translateX(-50%) rotate(-90deg);-moz-transform:translateX(-50%) rotate(-90deg);-ms-transform:translateX(-50%) rotate(-90deg);-o-transform:translateX(-50%) rotate(-90deg);transform:translateX(-50%) rotate(-90deg)}
.spagl .group-item:hover .khungAnhCrop:after{display:inline-block}
.spagl .group-item:hover  .khungAnhCrop>span{display:inline-block}


.SubPhotoAlbumImagesInAlbum,.spaiia{padding:10px 1px 20px 1px}
.spaiia .khungAnh:before{padding-bottom:62.64%}
.spaiia .khungAnh{border:solid 1px #fff;-webkit-box-shadow:0 0 0 1px #d7d7d7;-ms-box-shadow:0 0 0 1px #d7d7d7;box-shadow:0 0 0 1px #d7d7d7;margin-bottom:12px}
.spaiia .khungAnh .cover{position:absolute;z-index:2;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);color:#fff;text-align:center;display:none;font-size:13px}
.spaiia .khungAnh .cover span{display:inline-block;vertical-align:middle}
.spaiia .khungAnh .cover span:first-child{display:inline-block;height:100%}
.spaiia .khungAnh:hover .cover{display:block}

.spaiia .row{margin-left:-6px;margin-right:-6px}
.spaiia .col-lg-3{padding-left:6px;padding-right:6px}


#SubContactUsGoogleMap{padding-bottom:50px}
#SubContactUsGoogleMap #map_canvas{
    width:100%;
    height:400px;
}
#SubContactUsGoogleMap #map_canvas iframe, .BottomInfo .googlemap #map_canvas_home iframe {width: 100%;height: 100%}

#SubContactUsGoogleMap .mapborder{
    padding:3px;background:#fff;border:solid 1px #e5e5e5
}
#SubContactUsGoogleMap .infoBox{
    border:solid 1px #dfdfdf;
    background:#fff;
    width:300px;
    padding:10px;
}
#SubContactUsGoogleMap .officeInfo{line-height:24px;padding-bottom:20px}
#SubContactUsGoogleMap .officeInfo a{color:inherit}


#ContactUsIndex{padding-bottom:50px}
#ContactUsIndex .tip{line-height:24px;padding-bottom:15px}
#ContactUsIndex .item{overflow:hidden;padding-bottom:10px}
#ContactUsIndex .item .text{float:left;width:123px;padding-top:8px}
#ContactUsIndex .item .control{float:left;width:calc(100% - 123px)}
#ContactUsIndex .item textarea{height:120px}
#ContactUsIndex .reloadCaptcha{color:#79bc0f;font-size:22px;padding:5px;display:inline-block;margin-left:5px}
#ContactUsIndex .btSend{color:#fff;background:#79bc0f;display:inline-block;padding:10px 20px;font-weight:bold;text-transform:uppercase;margin-left:5px}
#ContactUsIndex .btSend.btCancel{background:#f9c200}
#ContactUsIndex .btSend:hover{-webkit-box-shadow:inset 0 0 0 2px #f9c200;-ms-box-shadow:inset 0 0 0 2px #f9c200;box-shadow:inset 0 0 0 2px #f9c200}
#ContactUsIndex .btSend.btCancel:hover{-webkit-box-shadow:inset 0 0 0 2px #79bc0f;-ms-box-shadow:inset 0 0 0 2px #79bc0f;box-shadow:inset 0 0 0 2px #79bc0f}

/*Phần popup thông báo thành công*/
/*Form thêm mới dự án*/
/*Khối popup thêm nội dung tư vấn*/
.fadePopup{background:rgba(0,0,0,0.7);position:fixed;z-index:8;width:100%;height:100%;top:0;left:0;display:none}
.lightPopup{position:fixed;z-index:9;top:12%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-ms-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;display:none;-webkit-box-shadow:0 0 10px rgba(0,0,0,0.1);-ms-box-shadow:0 0 10px rgba(0,0,0,0.1);box-shadow:0 0 10px rgba(0,0,0,0.1)}
.lightPopupBox{background:#fff;padding:30px;-ms-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;line-height:20px}
.btClosePopup{color:#fff;text-transform:uppercase;background:url(pic/close.png) no-repeat right center;display:inline-block;padding:10px 15px 10px 0;position:absolute;z-index:1;top:-35px;right:0}
.btClosePopup:hover{color:#fff}
.lightPopupBox .btOK{background:#79bc0f;display:inline-block;padding:8px 30px;color:#fff;font-weight:bold}
.lightPopupBox .btOK:hover{background:#f9c200;color:#fff}


/*Form gửi ý kiến kế thừa từ form liên hệ*/
#ContactUsIndex.SubCRInsertForm{padding-top:20px}
#ContactUsIndex.SubCRInsertForm .tip{font-weight:bold;color:#79bc0f}
#ContactUsIndex.SubCRInsertForm textarea{height:246px}



/*Trang chi tiết tour*/
.TourDetail.tdPaddingTop{padding-top:45px}
.TourDetail.tdPaddingTop .title{font-size:24px;color:#79bc0f}
.TourDetail .group-info-top{line-height:28px;padding:20px 0}
.TourDetail .group-info-top .price{color:#f9c200}
.TourDetail .group-info-top i{color:#e1e1e1}

.TourDetail .group-info{background:#f7f7f7;margin-bottom:20px;line-height:28px;padding:15px 20px}
.TourDetail .group-info .group-title{font-size:20px;padding-bottom:10px}
.TourDetail .group-info ul,
.TourDetail .group-info ul li{list-style:none;margin:0;padding:0}
.TourDetail .group-info ul li{display:inline-block;padding-bottom:5px;padding-left:20px;position:relative;z-index:1}
.TourDetail .group-info ul li:before{display:inline-block;content:"\f00c";font-family:FontAwesome;position:absolute;z-index:1;top:0;left:0;color:#959595}
.TourDetail .group-info .group-footer{background:#ebebeb;margin-left:-20px;margin-right:-20px;margin-bottom:-15px;padding:20px;position:relative;z-index:1}
.TourDetail .group-info .group-footer:before{display:inline-block;content:"";position:absolute;z-index:1;top:0;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);
width: 0;
height: 0;
border-style: solid;
border-width: 10px 10px 0 10px;
border-color: #f7f7f7 transparent transparent transparent;}
.TourDetail .group-info .group-footer .btOK{color:#fff;font-size:14px;font-weight:bold;text-transform:uppercase;display:block;text-align:center;padding:10px;background:#79bc0f;-ms-border-radius:10px;-webkit-border-radius:10px;border-radius:10px}
.TourDetail .group-info .group-footer .btCancel{background:#f9c200}
.TourDetail .group-info .group-footer .btOK:first-child{margin-bottom:10px}
.TourDetail .group-info .group-footer .btOK:hover{-webkit-box-shadow:inset 0 0 5px 5px rgba(0,0,0,0.1);-ms-box-shadow:inset 0 0 5px 5px rgba(0,0,0,0.1);box-shadow:inset 0 0 5px 5px rgba(0,0,0,0.1)}

.TourDetail .group-info a{color:inherit}
.TourDetail .group-info-support{line-height:32px}
.TourDetail .group-info-support i{color:#999999;min-width:20px;padding-right:5px}
.TourDetail .group-info-support b{color:#f9c200}
.TourDetail .group-info-support i.fa-mobile{font-size:22px;position:relative;z-index:1;top:2px}
.TourDetail .group-info-support i.fa-phone{font-size:17px}

.TourDetail .btBooking-bottom{padding-bottom:20px}
.TourDetail .btBooking-bottom a.btOK{display:inline-block;background:#67a00d;font-weight:bold;padding:8px 15px;-ms-border-radius:20px;-webkit-border-radius:20px;border-radius:20px;color:#fff;margin-right:5px}
.TourDetail .btBooking-bottom a.btCancel{background:#dcab00}
.TourDetail .btBooking-bottom a.btOK:hover{-webkit-box-shadow:inset 0 0 5px 5px rgba(0,0,0,0.2);-ms-box-shadow:inset 0 0 5px 5px rgba(0,0,0,0.2);box-shadow:inset 0 0 5px 5px rgba(0,0,0,0.2)}


.TourDetail .col-main .group-title{padding-top:10px}
.TourDetail .stgbs{padding-bottom:30px}
.TourDetail .col-right .group-index .group-item{margin-bottom:50px}


/*Trang đặt tour*/
.TourBooking .page-title{font-size:22px;color:#79bc0f;text-transform:uppercase;position:relative;z-index:1;display:inline-block;padding:13px 0}
.TourBooking .page-title:after{display:inline-block;content:"";height:2px;background:#79bc0f;position:absolute;z-index:1;bottom:0;left:0;width:50px}

.TourBooking .group{border-bottom:dashed 1px #e7e7e7}
.TourBooking .group-nobb{border-bottom:none}

.TourBooking .group-heading{padding-top:10px;padding-bottom:10px;font-size:16px;font-weight:bold;color:#333}
.TourBooking .group-heading .group-title{font-size:16px;font-weight:bold;color:#333;text-transform:uppercase}
.TourBooking .group-heading .group-title span:first-child{display:inline-block;background:#f9c200;font-size:22px;color:#fff;width:36px;height:36px;text-align:center;line-height:36px;-ms-border-radius:50%;-webkit-border-radius:50%;border-radius:50%;border:solid 2px #fff;-webkit-box-shadow:0 2px 3px rgba(0,0,0,0.2);-ms-box-shadow:0 2px 3px rgba(0,0,0,0.2);box-shadow:0 2px 3px rgba(0,0,0,0.2);margin-right:10px}
.TourBooking .group-desc{padding-bottom:30px}
.TourBooking .group-desc .group-desc-caution{color:#79bc0f;padding-top:5px}
.TourBooking .group-desc .group-desc-caution i{color:#ff0908;font-size:21px;border-radius:2px #fff;box-shadow:0 0 0 1px #ff0908;border-radius:50%;width:21px;height:21px;text-align:center;line-height:21px;padding-left:1px;margin-right:5px}
.TourBooking .group-body{padding:0 20px}

.TourBooking .group-body .item{overflow:hidden;padding-bottom:10px}
.TourBooking .group-body .text{float:left;width:190px;padding-top:8px}
.TourBooking .group-body .control{float:left;width:calc(100% - 190px)}
.TourBooking .group-body .control>span{padding-top:8px;display:inline-block}
.TourBooking .group-body .control .color-highlight{color:#79bc0f}
.TourBooking .group-body .control .color-highlight a{color:inherit}
.TourBooking .group-body .control input[type=text]{width:50%}
.TourBooking .group-body .control select.short-ip,
.TourBooking .group-body .control input.short-ip{width:130px}
.TourBooking .group-body .control textarea{height:120px}

.TourBooking .group-body .sub-row{overflow:hidden;padding-bottom:10px}
.TourBooking .group-body .sub-row .control,
.TourBooking .group-body .sub-row .text{width:auto}
.TourBooking .group-body .sub-row .control{padding-right:10px}

.TourBooking .btn-wrap{padding-top:20px}
.TourBooking .reloadCaptcha{color:#79bc0f;font-size:22px;padding:5px;display:inline-block;margin-left:5px}
.TourBooking .btSend{color:#fff;background:#79bc0f;display:inline-block;padding:10px 20px;font-weight:bold;text-transform:uppercase;margin-right:5px}
.TourBooking .btSend.btCancel{background:#f9c200}
.TourBooking .btSend:hover{-webkit-box-shadow:inset 0 0 0 2px #f9c200;-ms-box-shadow:inset 0 0 0 2px #f9c200;box-shadow:inset 0 0 0 2px #f9c200}
.TourBooking .btSend.btCancel:hover{-webkit-box-shadow:inset 0 0 0 2px #79bc0f;-ms-box-shadow:inset 0 0 0 2px #79bc0f;box-shadow:inset 0 0 0 2px #79bc0f}