.pn-about{margin-bottom: 60px;overflow: hidden;}
.pn-about .pn-title{text-align: left;}
.pn-about .row{display: flex;align-items:flex-end;flex-wrap: wrap;}
.pn-about .pn-content{padding: 0 30px 30px 30px;border-radius: 10px 0 0 10px;position: relative}
.pn-about .pn-content:before{content: "";position: absolute;height: 100%;left: 0;width: 120%;background: linear-gradient(to bottom, rgba(137,234,255,0) 7%,rgba(137,234,255,1) 40%,rgba(138,235,255,1) 50%,rgba(137,234,255,1) 65%,rgba(137,234,255,0) 100%);}
.pn-about .pn-title:before{content: "";position: absolute;top: 25px;left: -30px;width: 30px;height: calc(100% + 5px);border-top: 1px solid #0b1fe6;border-left: 1px solid #0b1fe6;border-radius: 10px 0 0 0;}
.pn-about .pn-content:after{content: "";width: 75%;bottom: 0;height: 30px;border-bottom: 1px solid #0b1fe6;left: 0;position: absolute;border-radius: 0 0 0 10px;}
.pn-about .pn-content .pn-wrapper{margin-bottom: 0;position: relative;}
.pn-about .pn-content .pn-wrapper:before{content: "";height: calc(100% + 32px);width: 1px;background-color: #0b1fe6;left: -30px;position: absolute;top: 0;}
.pn-about .pn-image:hover img{transform: initial;}
/**/
.pn-system{position: relative;margin-bottom: 30px;}
.pn-system .pn-title-tab{ padding-left: 0; list-style: none; text-align: center; margin-bottom: 40px}
.pn-system .pn-title-tab li{ margin: 0 15px 15px 15px; display: inline-block}
.pn-system .pn-title-tab li span{ font-size: 16px; line-height: 21px; border: 1px dashed var(--background-main-hover); border-radius: 100px; padding: 8px 25px 7px 25px; display: block; text-transform: capitalize; cursor: pointer}
.pn-system .pn-title-tab li.active span,.pn-title-tab li:hover span{ background-color: var(--background-main-hover); border-style: solid; color: #fff}
.pn-system .pn-title-subtab{padding-left: 0; list-style: none; display: flex; flex-wrap: wrap;justify-content: center; margin: -30px 0 30px 0}
.pn-system .pn-title-subtab li{margin: 0 20px 10px 20px;cursor: pointer}
.pn-system .pn-title-subtab li span{display: block;font-size: 16px;line-height: 21px}
.pn-system .pn-title-subtab li.active,.pn-system .pn-title-subtab li:hover{color: var(--color-hover)}
.pn-system .pn-title-subtab li.active{font-weight: bold}
.pn-system .pn-name-branch{ text-transform: uppercase; font-size: 16px; font-weight: bold; margin-bottom: 20px}
.pn-system .pn-gmap iframe{ width: 100%; height: 100%}
.pn-system .row [class*='col-']{margin-bottom: 30px}
.pn-system .pn-gmap{margin-top: 40px}
.pn-system .pn-image{padding: 0}
.pn-system .pn-image:hover img{transform: initial}
.pn-system .pn-image a{display: block}
.pn-system .pn-wrapper-tab{position: relative}
.pn-system .pn-wrapper-tab .pn-tab-item:not(.active){position: absolute;left: 0;top: 0;opacity: 0;visibility: hidden;right: 0}
.pn-system .pn-wrapper-tab .pn-tab-item .pn-info{list-style: none;padding-left: 0}
.pn-system .pn-wrapper-tab .pn-tab-item .pn-info li{margin-bottom: 10px;position: relative;padding-left: 25px}
.pn-system .pn-wrapper-tab .pn-tab-item .pn-info li .fa{position: absolute;left: 0;top: 1px;width: 18px;text-align: center;font-size: 18px}
.pn-system .owl-carousel .owl-nav button{width: 30px;height: 30px;min-width: 30px;border: 1px solid #676c6f;box-shadow: inherit}
.pn-system .owl-carousel .owl-nav .owl-prev{left: -15px}
.pn-system .owl-carousel .owl-nav .owl-next{right: -15px}
.pn-system .owl-carousel .owl-item{cursor: pointer}
#branchSelectBox{display: none;margin-bottom: 20px}
#branchSelectBox select{width: 300px; margin: 0 auto 10px auto;border-radius: 5px;background-color: #fff}
#branchSelectBox #branchCate{border: 1px dashed var(--background-main-hover); background: var(--background-main-hover); color: var(--background-main-hover-color); }
#branchSelectBox #branchItem{border: 1px dashed var(--background-main-hover);}
/**/
.pn-route{margin-bottom: 60px;}
.pn-route .pn-wrapper-item{position: relative;overflow: hidden;padding-top: 30px;}
.pn-route .pn-wrapper-item:before{content: "";position: absolute;width: 3px;height: 100%;background-color: #545757;left: 50%;}
.pn-route .pn-wrapper-item .pn-item{display: flex;margin: 0 -60px 80px -60px}
.pn-route .pn-wrapper-item .pn-item:last-child{margin-bottom: 0;}
.pn-route .pn-wrapper-item .pn-item:nth-child(even){flex-direction: row-reverse;}
.pn-route .pn-wrapper-item .pn-item:nth-child(even){text-align: right;}
.pn-route .pn-wrapper-item .pn-item .pn-content > p{background-color: var(--background-main-hover);color: var(--background-main-hover-color);font-size: 16px;text-transform: uppercase;line-height: 21px;padding: 14px 30px 13px 30px;position: relative;font-weight: bold;}
.pn-route .pn-wrapper-item .pn-item .pn-content > p span{display: flex;justify-content: center;align-items: center;width: 60px;height: 60px;background-color: #fff;border-radius: 100%;border: 4px solid var(--background-main-hover);font-size: 30px;color: var(--color-hover);position: absolute;min-width: 60px;top: 50%;transform: translateY(-50%);font-weight: bold;}
.pn-route .pn-wrapper-item .pn-item:nth-child(even) .pn-content > p{margin-right: -60px;padding-right: 60px;border-radius: 100px 0 0 100px;}
.pn-route .pn-wrapper-item .pn-item:nth-child(even) .pn-content > p span{right: -30px;}
.pn-route .pn-wrapper-item .pn-item:nth-child(odd) .pn-content > p{margin-left: -57px;padding-left: 60px;border-radius: 0 100px 100px 0}
.pn-route .pn-wrapper-item .pn-item:nth-child(odd) .pn-content > p span{left: -30px;}
.pn-route .pn-wrapper-item .pn-item .pn-wrapper-image{text-align: center;}
.pn-route .pn-wrapper-item .pn-item .pn-wrapper-image .pn-image{margin: 0 60px;}
.pn-route .pn-wrapper-item .pn-item .pn-wrapper-image,.pn-route .pn-wrapper-item .pn-item .pn-content{width: 50%;padding: 0 60px;}
.pn-route .pn-wrapper-item .pn-item .pn-wrapper{margin-bottom: 0;}
/**/
.pn-package{margin-bottom: 30px;}
.pn-package .pn-content{padding: 0 170px;position: relative}
.pn-package .pn-content ul{list-style: none;padding-left: 0;margin-bottom: 0;margin: 0 -15px;display: flex;flex-wrap: wrap;}
.pn-package .pn-content ul li{padding: 0 15px;margin-bottom: 30px;width: 50%}
.pn-package .pn-content ul li .pn-image{margin-bottom: 0;cursor: pointer}
.pn-package .pn-content > a{width: 260px; height: 260px; border-radius: 100%; background: linear-gradient(to bottom, rgba(0, 4, 253, 1) 0%, rgba(0, 0, 159, 1) 100%); border: 10px solid #fff; display: flex ; align-items: center; justify-content: center;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.pn-package .pn-content > a img{max-width: 100%;max-height: 100%;}
.dialogTeam{width: 1000px;max-width: 100%;}
/**/
.pn-feel{position: relative;margin-bottom: 60px}
.pn-feel:before{content: ""; position: absolute; background-image: url('../images/bg3.png'); background-repeat: no-repeat; background-position: center; left: 0; width: 100%; height: 2078px; top: 50%; transform: translateY(-50%); background-size: 100%;z-index: -1}
.pn-feel .pn-title-tab{display: flex;justify-content: center;margin-bottom: 30px;position: relative}
.pn-feel .pn-title-tab span{display: block;margin: 0 30px 10px 30px;width: 160px;padding: 10px 10px 9px 10px;font-size: 16px;line-height: 21px;text-align: center;background-color: #f5f6fb;border-radius: 100px;cursor: pointer}
.pn-feel .pn-title-tab span.active{font-weight: bold;background: linear-gradient(to bottom, rgba(25,71,186,1) 0%,rgba(1,127,254,1) 100%);color: #fff}
.pn-feel .pn-wrapper-tab{position: relative;z-index: 0}
.pn-feel .pn-wrapper-tab .pn-tab:not(.active){height: 0;overflow: hidden}
.pn-feel .pn-video strong{display: block;position: relative;overflow: hidden;margin-bottom: 10px;}
.pn-feel .pn-video strong img{transition: .3s;width: 100%;}
.pn-feel .pn-video strong:hover img{transform: scale(1.2); -moz-transform: scale(1.2); -webkit-transform: scale(1.2);}
.pn-feel .pn-video strong:before{content: "";position: absolute;left: 0;top: 0;background-color: rgba(0,0,0,.5);width: 100%;height: 100%;z-index: 1}
.pn-feel .pn-video strong:after{content: "\f144"; font-family: "FontAwesome"; position: absolute; border-radius: 100px; top: 50%; left: 50%; z-index: 1; font-size: 60px; line-height: 60px; color: #fff; display: flex ; justify-content: center; align-items: center; transform: translate(-50%, -50%)}
.pn-feel .pn-video {display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.pn-feel .pn-item{text-align: center}
.pn-feel .pn-item .pn-name{text-align: center}
.pn-feel .owl-carousel .owl-item .pn-item .pn-name{margin-bottom: 0}
.pn-feel .owl-carousel .owl-item.center .pn-video a{font-weight: bold;}
.pn-feel .owl-carousel .owl-nav{display: flex;align-items: center;justify-content: center;margin-top: 40px}
.pn-feel .owl-carousel .owl-nav button{position: initial;transform: initial;margin: 0 8px}
.fancybox__content .dialog-title{font-size: 20px;line-height: 25px;margin: 0 0 20px 0;}
/**/
.pn-interest{position: relative;margin-bottom: 250px}
.pn-interest:before{content: "";position: absolute;background-image: url('../images/bg4.png');width: 100%;height: 1322px;background-repeat: no-repeat;bottom: -450px;background-size: cover;background-position: center;z-index: -1}
.pn-interest:after{content: "";position: absolute;background-image: url('../images/bg2.png');width: 100%;height: 974px;background-repeat: no-repeat;top: calc(100% + 50px);background-size: cover;background-position: center;z-index: -2;}
.pn-interest .row{display: flex;flex-wrap: wrap}
.pn-interest .row [class*='col-']:first-child{display: flex;align-items: end}
.pn-interest .row [class*='col-']{margin-bottom: 30px}
.pn-interest .pn-image{margin-bottom: 0;overflow: initial;margin-right: 150px}
.pn-interest .pn-image:hover img{transform: none}
.pn-interest .pn-image:after{content: "";position: absolute;width: 1080px;height: 170px;background-image: url('../images/foot.png');background-repeat: no-repeat;bottom: -85px;left: 50%;transform: translateX(-50%)}
.pn-interest .pn-title{color: #fff;text-align: left}
.pn-interest .pn-list-interest{list-style: none;padding-left: 0;margin-bottom: 0}
.pn-interest .pn-list-interest li:not(:last-child){padding-bottom: 24.5px;margin-bottom: 24.5px;border-bottom: 1px solid #fff}
.pn-interest .pn-list-interest li > span{display: block;color: #76fdff;font-size: 16px;line-height: 21px;cursor: pointer;padding-right: 30px;position: relative}
.pn-interest .pn-list-interest li > span:after{font-family: "FontAwesome";content: "\f107";position: absolute;right: 0;top: 0;color: #fff;font-size: 20px}
.pn-interest .pn-list-interest li.active > span:after{content: "\f106"}
.pn-interest .pn-list-interest li .pn-wrapper{color: #fff;margin-top: 15px;opacity: 1;text-align: justify;max-height: 130px;overflow-y: auto;padding-right: 15px;margin-bottom: 0;display: none;}
.pn-interest .pn-list-interest li .pn-wrapper::-webkit-scrollbar {width: 5px}
.pn-interest .pn-list-interest li ::-webkit-scrollbar-track {background: #f1f1f1}
.pn-interest .pn-list-interest li ::-webkit-scrollbar-thumb {background: #888}
.pn-interest .pn-list-interest li ::-webkit-scrollbar-thumb:hover {background: #555}
/**/
.pn-feedback{margin-bottom: 60px;}
.pn-feedback .owl-carousel .owl-item{padding-top: 50px;padding-left: 1px;}
.pn-feedback .owl-carousel .owl-stage{display: flex;flex-wrap: nowrap;}
.pn-feedback .owl-carousel .owl-nav button{margin-top: 25px;}
.pn-feedback .owl-carousel .owl-nav .owl-prev{left: -20px}
.pn-feedback .owl-carousel .owl-nav .owl-next{right: -20px}
.pn-feedback .pn-item{border-radius: 10px;border: 1px solid var(--background-main-hover);position: relative;padding: 35px 15px 15px 15px;background-color: #fff;height: 100%;margin-bottom: 0;}
.pn-feedback .pn-item > span{position: absolute;width: 120px;height: 120px;background-color: #fff;display: flex;align-items: center;justify-content: center;border-radius: 100%;min-width: 120px;top: -60px;left: 50%;transform: translateX(-50%);border: 10px solid #fff;overflow: hidden;}
.pn-feedback .pn-item .pn-wrapper{padding-top: 35px;margin-bottom: 15px;position: relative;}
.pn-feedback .pn-item .pn-wrapper:before{content: "\f10e"; font-family: "FontAwesome"; transform: rotate(-180deg); position: absolute; top: 0; left: 0; font-size: 23px; color: #999; line-height: 23px;}
.pn-feedback .pn-item .pn-info-user{position: relative;padding-right: 100px}
.pn-feedback .pn-item .pn-info-user strong{display: block;margin-bottom: 5px;font-size: 16px;line-height: 24px;}
.pn-feedback .pn-item .pn-info-user span{display: block;font-size: 14px;line-height: 22px;}
.pn-feedback .pn-item .pn-info-user .pn-rating{background-image: url('../images/rating.png');background-repeat: no-repeat;width: 95px;height: 15px;background-position: 0 -15px;position: absolute;right: 0;top: 15px;}
.pn-feedback .pn-item .pn-info-user .pn-rating span{display: block;background-image: url('../images/rating.png');height: 15px}
/**/
.pn-form{background: linear-gradient(to bottom, rgba(5,4,230,1) 2%,rgba(20,162,252,1) 51%,rgba(0,0,150,1) 100%);box-shadow: 0 0 1px #8ea7de;padding: 25px 20px;border-radius: 10px;position: relative;z-index: 1;margin-bottom: 60px;margin-left: 225px;margin-right: 225px;}
.pn-form .pn-title{color: #fff;font-size: 24px;line-height: 34px;margin-bottom: 20px}
.pn-form .form-control{margin-bottom: 10px}
.pn-form .pn-button{padding-left: 65px;padding-right: 65px;color: #1947ba;background: linear-gradient(to bottom, rgba(12, 146, 253, 1) 0%, rgba(59, 250, 253, 1) 100%);margin-top: 20px}
/**/
@media only screen and (min-width: 1500px){
    .pn-interest .row [class*='col-'] .pn-title{margin-top: 450px}
}
@media only screen and (max-width: 1499px){
    .pn-interest .pn-title{font-size: 35px;line-height: 45px}
    .pn-interest .row [class*='col-'] .pn-title{margin-top: 250px}
}
@media only screen and (min-width: 1199px) and (max-width: 1499px){
    .pn-about .pn-title{font-size: 35px;line-height: 45px;}
}
@media only screen and (max-width: 1199px){
    .pn-about .pn-content:before{background: none;}
    .pn-interest .pn-title{font-size: 24px;line-height: 34px}
    .pn-interest .pn-image{margin-right: 0}
    .pn-interest .row [class*='col-'] .pn-title{margin-top: 300px}
    .pn-route .pn-wrapper-item .pn-item .pn-wrapper-image .pn-image{margin: 0 auto}
    .pn-form{margin-left: 100px;margin-right: 100px;}
    .pn-package .pn-content{padding-left: 100px;padding-right: 100px;}
    .pn-feedback .owl-carousel .owl-nav{display: flex;align-items: center;justify-content: center;margin-top: 40px;}
    .pn-feedback .owl-carousel .owl-nav button {position: initial;transform: initial;margin: 0 8px}
}
@media only screen and (max-width: 991px){
    .pn-about .pn-content{padding: 0;}
    .pn-about .pn-title:before{display: none;}
    .pn-about .pn-content .pn-wrapper{padding: 20px;border: 1px solid var(--background-main-hover);border-radius: 10px;background: linear-gradient(to bottom, rgba(137,234,255,0) 7%,rgba(137,234,255,1) 40%,rgba(138,235,255,1) 50%,rgba(137,234,255,1) 65%,rgba(137,234,255,0) 100%);}
    .pn-feel{margin-bottom: 30px}
    .pn-feel .owl-carousel .owl-item .pn-item .pn-name{font-size: 14px;}
    .pn-interest .row [class*='col-'] .pn-title{margin-top: 30px}
    .pn-interest{margin-bottom: 30px;background: linear-gradient(to bottom, rgba(25, 71, 186, 1) 0%, rgba(1, 127, 254, 1) 100%)}
    .pn-interest:before,.pn-interest:after{display: none}
    .pn-interest .pn-list-interest li .pn-wrapper{max-height: initial;overflow-y: initial;padding-right: 0;}
    .pn-interest .row{display: block}
    .pn-interest .pn-list-interest li:not(:last-child){margin-bottom: 15px;padding-bottom: 15px}
    .pn-package .pn-content{padding: 0;}
    .pn-route .pn-wrapper-item .pn-item{margin-bottom: 60px;}
    .pn-form{margin-left: 0;margin-right: 0;}
    .pn-package,.pn-system{margin-bottom: 0;}
    .pn-feedback,.pn-about{margin-bottom: 30px;}
}
@media only screen and (min-width: 768px){
    .pn-feel .owl-carousel .owl-stage-outer{padding: 30px 0}
    .pn-feel .owl-carousel .owl-item .pn-item{margin: 0 30px;transition: margin .5s}
    .pn-feel .owl-carousel .owl-item.center .pn-item{margin: -30px}
    .pn-feel .owl-carousel .owl-item.center .pn-item .pn-image{margin-bottom: 15px}
    .pn-feel .owl-carousel .owl-item.center .pn-item .pn-name{margin: 0 30px}
    .pn-feel .owl-carousel .owl-item:not(.center) .pn-item .pn-name{font-weight: normal}
    .pn-feel .owl-carousel .owl-item.left .pn-item{margin-left: 0;margin-right: 60px}
    .pn-feel .owl-carousel .owl-item.right .pn-item{margin-right: 0;margin-left: 60px}
}
@media only screen and (max-width: 767px){
    .pn-feel{padding: 0 15px}
    .pn-feel .owl-carousel .owl-nav{margin-top: 0}
    .pn-feel .pn-title-tab span{margin-left: 15px;margin-right: 15px}
    .pn-feel .owl-carousel .owl-item .pn-item .pn-name{font-size: 14px}
    .pn-feel .pn-item .pn-name{text-align: center}
    .pn-feel .owl-carousel .owl-item.center .pn-item .pn-name{margin: 0}
    .pn-interest{padding: 0}
    .pn-interest .pn-list-interest li .pn-wrapper{text-align: left;font-size: 14px}
    .pn-form{margin-bottom: 0;}
    .pn-system .owl-carousel .owl-nav .owl-next{right: 15px}
    .pn-system .owl-carousel .owl-nav .owl-prev{left: 15px}
}
@media only screen and (max-width: 680px){
    .pn-route{margin-bottom: 30px;}
    .pn-route .pn-wrapper-item{padding-top: 0;}
    .pn-route .pn-wrapper-item .pn-item{display: block;}
    .pn-route .pn-wrapper-item:before{display: none;}
    .pn-route .pn-wrapper-item .pn-item{margin: 0 0 30px 0;}
    .pn-route .pn-wrapper-item .pn-item:nth-child(even){text-align: left;}
    .pn-route .pn-wrapper-item .pn-item .pn-wrapper-image, .pn-route .pn-wrapper-item .pn-item .pn-content{width: 100%;padding: 0;}
    .pn-route .pn-wrapper-item .pn-item .pn-wrapper-image .pn-image{margin: 0 60px;}
    .pn-route .pn-wrapper-item .pn-item:nth-child(even) .pn-content > p{margin-right: 0;padding-right: 30px;border-radius: 0 100px 100px 0;padding-left: 75px;}
    .pn-route .pn-wrapper-item .pn-item:nth-child(even) .pn-content > p span{left: 0;}
    .pn-route .pn-wrapper-item .pn-item:nth-child(odd) .pn-content > p{margin-left: 0;padding-left: 75px;}
    .pn-route .pn-wrapper-item .pn-item:nth-child(odd) .pn-content > p span{left: 0;}
    .pn-route .pn-wrapper-item .pn-item .pn-content > p{border-radius: 100px !important;margin-bottom: 20px;}
    .pn-package .pn-content > a{width: 150px;height: 150px;border-width: 5px;padding: 15px;}
}
@media only screen and (max-width: 570px){
    .pn-feel .pn-title-tab{margin-bottom: 15px}
    .pn-route .pn-wrapper-item .pn-item .pn-wrapper-image .pn-image{margin: 0 0 20px 0;border-radius: 10px;}
    .pn-package{margin-bottom: 15px;}
    .pn-package .pn-content > a{display: none;}
    .pn-package .pn-content ul{margin: 0 -8px;}
    .pn-package .pn-content ul li{padding: 0 8px;margin-bottom: 15px}
    #branchSelectBox{display: block}
    .pn-system .pn-title-tab,.pn-system .pn-title-subtab{display: none}
}
@media only screen and (max-width: 480px){
    .pn-interest .pn-title{font-size: 20px;line-height: 30px}
    .pn-about .pn-wrapper:not(.active) > div{max-height: 300px;overflow: hidden}
    .pn-about .pn-wrapper >.hidden{display: block !important;visibility: visible !important}
    .pn-about .pn-wrapper >.hidden .pn-button{margin-top: 20px;cursor: pointer;font-weight: normal}
    .pn-about .pn-content .pn-wrapper.active > .hidden{display: none !important}
    footer{margin-top: 0;}
}
@media only screen and (max-width: 370px){
    .pn-package .pn-content ul li{width: 100%;}
    .pn-feedback .pn-item .pn-info-user{padding-right: 0;text-align: center;}
    .pn-feedback .pn-item .pn-info-user .pn-rating{position: initial;margin: 10px auto}
    #branchSelectBox select{width: 100%}
}