/* about */
.pn-about{background-color: #f7f7f7}
.pn-about .pn-wrapper-form{margin: 60px 0}
.pn-about + footer{margin-top: 0}
.pn-achievements{margin-bottom: 60px}
.pn-achievements .row{margin: 0 -45px;display: flex;align-items: center;justify-content: center}
.pn-achievements .row [class*='col-']{padding: 0 45px}
.pn-achievements .row [class*='col-'] .pn-group{border: 1px dashed #ea192c;text-align: center}
.pn-achievements .row [class*='col-'] .pn-group .pn-wrapper-item{display: flex;flex-wrap: wrap;justify-content: center}
.pn-achievements .row [class*='col-'] .pn-group .pn-item{width: calc(100% / 3);padding: 0 15px;margin-bottom: 30px}
.pn-achievements .row [class*='col-'] .pn-group .pn-item span{font-weight: 900;font-size: 26px;line-height: 26px;color: #ea192c;margin-bottom: 10px;display: inline-block}
.pn-achievements .row [class*='col-'] .pn-group .pn-item p{margin-bottom: 0}
.pn-ticker{display: flex;flex-wrap: wrap}
.slide-right .news-ticker{padding: 0 5px}
.slide-right img{max-width: 100%}
.slide-right{position:relative;width: 120px;height:485px;margin-top: -15px}
.slide-right ul{padding-left: 0;margin-bottom: 0;list-style: none}
.slide-right li{padding-top: 15px;cursor: pointer;}
.slide-right li .pn-image{width: 110px;height: 110px;border: 5px solid #fff;overflow: inherit}
.slide-right li .pn-image:hover img{transform: inherit;-moz-transform: inherit;-webkit-transform: inherit;}
.zoom-img{width: calc(100% - 135px);margin-right: 15px;overflow: hidden;background-color: #fff;height: 485px;border: 5px solid #fff}
.zoom-img img{max-width: inherit;min-height: 100%;min-width: 100%}
.slide-right .overlow-positon-top{top: -20px !important}
.slide-right .overlow-positon-bottom{bottom: -50px !important}
.slide-right button{position: absolute; border: none !important; box-shadow: none !important; width: 100%!important; height: 30px !important; font-size: 30px !important; left: 0 !important; padding: 0; line-height: 10px; vertical-align: top;color: #000;background-color: #f7f7f7;z-index: 1;}
.slide-right button:hover{color: #e3081c !important}
.slide-right li img{border: none !important}
.slide-right li:not(.active){opacity: 0.4}
.slide-right li.active .pn-image{box-shadow: 0 0 10px rgba(0,0,0,.3);}
.pn-choose{padding: 60px 0;background-color: #fff}
.pn-choose .row{margin: 0 -25px}
.pn-choose .row [class*="col-"]{padding: 0 25px}
.pn-choose .pn-list-choose{margin-bottom: 0;list-style: none;padding-left: 0}
.pn-choose .pn-list-choose li{padding-left: 80px;position: relative;min-height: 55px;cursor: pointer}
.pn-choose .pn-list-choose li .pn-name{display: block;text-transform: uppercase;font-size: 18px;line-height: 23px}
.pn-choose .pn-list-choose li .pn-image{position: absolute;background-color: #fff;left: 0;top: 50%;transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);border-radius: 100px;width: 55px;height: 55px;text-align: center;line-height: 42px;-webkit-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.2);-moz-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.2);box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.2);padding: 5px}
.pn-choose .pn-list-choose li .pn-image img{filter: brightness(0.1);-moz-filter: brightness(0.1);-webkit-filter: brightness(0.1)}
.pn-choose .pn-list-choose li .pn-image:hover img{transform: inherit;-moz-transform: inherit;-webkit-transform: inherit}
.pn-choose .pn-list-choose li:not(.active){display: flex;align-items: center}
.pn-choose .pn-list-choose li p{margin-bottom: 0}
.pn-choose .pn-list-choose li.active{margin-left: -20px}
.pn-choose .pn-list-choose li:not(.active) p{display: none;margin-bottom: 0}
.pn-choose .pn-list-choose li.active{padding:15px 30px 15px 95px;border-radius: 100px}
.pn-choose .pn-list-choose li.active .pn-image{box-shadow: none;left: 15px}
.pn-choose .pn-list-choose li.active .pn-image img{filter: inherit;-moz-filter: inherit;-webkit-filter: inherit}
.pn-choose .pn-list-choose li.active .pn-name{font-weight: 900;color: #fff;margin-bottom: 5px}
.pn-choose .pn-list-choose li.active p{color: #fff}
.horizontal-slide{padding: 0;margin: 0;list-style: none;overflow: hidden}
.horizontal-slide li img{width: 100%;opacity: 0}
.horizontal-slide li.active img{opacity: 1}
/* review */
.pn-review{margin-bottom: 60px}
.pn-review .row{display: flex;flex-wrap: wrap}
.pn-review .pn-item,.pn-popup .pn-item{padding: 80px 0;border: 1px solid #ea192c;border-radius: 10px;background-color: #fff;position: relative;overflow: hidden;margin-bottom: 30px}
.pn-review .pn-item:before,.pn-popup .pn-item:before{content: "";position: absolute;top: 15px;right: 20px;width: 75px;height: 55px;background-image: url(../images/logo.png);background-size: contain;background-repeat: no-repeat}
.pn-review .pn-wrapper-img,.pn-popup .pn-wrapper-img{background-image: url(../images/bg_achievements.jpg);background-position: center;min-height: 90px;position: relative;padding: 0 50px 0 0;display: flex;align-items: center;justify-content: right;background-repeat: no-repeat;background-size: cover}
.pn-review .pn-wrapper-img:before,.pn-popup .pn-wrapper-img:before{content: "";left: 0;top: 0;width: 100%;height: 100%;background-color: #ea192c;opacity: 0.5;position: absolute}
.pn-review .pn-wrapper-img .pn-image,.pn-popup .pn-wrapper-img .pn-image{position: absolute;border: 1px solid #fff;left: 20px;border-radius: 10px;width: 120px;height: 150px;display: flex;align-items: center;background-color: #fff}
.pn-review .pn-wrapper-img .pn-image img,.pn-popup .pn-wrapper-img .pn-image img{min-height: 100%;width: 100%}
.pn-review .pn-wrapper-img .pn-image + span,.pn-popup .pn-wrapper-img .pn-image + span{color: #fff;position: relative;z-index: 1;font-size: 23px;line-height: 23px;font-weight: bold}
.pn-review .pn-wrapper-img .pn-image + span strong,.pn-popup .pn-wrapper-img .pn-image + span strong{display: inline-block;font-weight: 900;font-size: 40px;line-height: 40px}
.pn-review .pn-info,.pn-popup .pn-info{position: absolute;left: 155px;right: 20px}
.pn-review .pn-info span,.pn-popup .pn-info span{display: block;text-transform: uppercase;padding-top: 15px;font-size: 18px;line-height: 23px;font-weight: 900;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.pn-review .pn-info i,.pn-popup .pn-info i{font-size: 16px;line-height: 21px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.pn-review .row [class*='col-']{cursor: pointer}
.pn-popup .pn-content-popup{width: 600px;margin-bottom: 0;top: 50%;left: 50%;transform: translate(-50%,-50%);position: absolute}
.pn-popup .pn-item{padding: 100px 0;margin-bottom: 0}
.pn-popup .pn-item:before{width: 95px;height: 70px}
.pn-popup .pn-wrapper-img{min-height: 120px;padding-right: 100px}
.pn-popup .pn-wrapper-img .pn-image{width: 180px;height: 230px}
.pn-popup .pn-wrapper-img .pn-image + span{font-size: 35px;line-height: 35px}
.pn-popup .pn-wrapper-img .pn-image + span strong{font-size: 60px;line-height: 60px}
.pn-popup .pn-wrapper-img .pn-image:hover img{transform: initial;-moz-transform: initial;-webkit-transform: initial}
.pn-popup .pn-info{left: 230px}
.pn-popup .pn-info span{font-size: 22px;line-height: 27px;padding-top: 20px;margin-bottom: 5px}
.pn-popup .pn-info i{font-size: 18px;line-height: 23px}
.pn-popup{position: fixed;z-index: 9999;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.8)}
.pn-popup:not(.active){display: none}
.pn-popup #js-close{width: 40px;height: 40px;border-radius: 100px;background-color: #fff;box-shadow: 0 2px 15px rgba(0,0,0,.15);position: absolute;right: -20px;top: -20px;z-index: 1;cursor: pointer}
.pn-popup #js-close:before{content: '';position: absolute;top: 20px;left: 9px;width: 21px;height: 1px;background-color: currentColor;-webkit-transform: rotate(-45deg);transform: rotate(-45deg)}
.pn-popup #js-close:after {content: '';position: absolute;top: 20px;left: 9px;width: 21px;height: 1px;background-color: currentColor;-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.pn-feel{background-color: #f7f7f7;padding: 60px 0;margin-bottom: 60px}
.pn-feel .pn-title span{display: block}
.pn-feel .sync1,.pn-feel .sync2{padding: 0 80px;margin: 0 auto 100px auto;max-width: 1000px;}
.pn-feel .sync1:after{content: "";position: absolute;width: 40px;height: 40px;border-left: 5px solid #ea192c;border-bottom: 5px solid #ea192c;bottom: -4px;left: 50%;transform: rotate(-45deg) translateX(-50%);-moz-transform: rotate(-45deg) translateX(-50%);-webkit-transform: rotate(-45deg) translateX(-50%);background-color: #fff;}
.pn-feel .sync1.owl-carousel .owl-stage-outer:before{content: "";position: absolute;border: 5px solid #ea192c;width: 100%;height: 100%;top: 0;left: 0;z-index: 1}
.pn-feel .sync1.owl-carousel .owl-nav div{width: 40px;height: 40px;border: 2px solid #000;color: #000;background-color: transparent;border-radius: 100px;opacity: 1;visibility: visible;line-height: 35px;top: 50%;opacity: 1;visibility: visible}
.pn-feel .sync1.owl-carousel .owl-nav div.owl-prev{left: 0}
.pn-feel .sync1.owl-carousel .owl-nav div.owl-next{right: 0}
.pn-feel .sync1.owl-carousel .owl-nav div:hover{background-color: #e3081c;color: #fff;border-color: #e3081c}
.pn-feel .sync1 .pn-wrapper{padding: 70px 35px;background-color: #fff;text-align: justify;;margin: 0 auto;position: relative}
.pn-feel .sync1 .pn-wrapper:before{content: "";width: 72px;height: 74px;position: absolute;background-image: url(../images/ngoac.png);background-repeat: no-repeat;background-size: contain;left: 50%;transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);top: 30px}
.pn-feel .sync2{margin-bottom: 0;padding: 0}
.pn-feel .sync2 .pn-item{text-align: center}
.pn-feel .sync2 .pn-item .pn-image{width: 110px;height: 110px;border-radius: 100%;overflow: hidden;margin: 0 auto 20px auto;background-color: #fff;position: relative;display: block;max-width: 100%;border: 5px solid #fff;}
.pn-feel .sync2 .owl-item.center .pn-item .pn-image{width: 160px;height: 160px}
.pn-feel .sync2 .owl-item .pn-item .pn-image img{min-height: 100%;min-width: 100%;width: auto;}
.pn-feel .sync2 .owl-item.active + .owl-item.active:not(.center) .pn-item{padding-top: 15px}
.pn-feel .sync2 .owl-item:not(.center) .pn-item,.pn-feel .sync2 .owl-item.center + .owl-item.active + .owl-item.active .pn-item{padding-top: 30px}
.pn-feel .sync2 .owl-item.active + .owl-item.active:not(.center) .pn-item .pn-image{width: 130px;height: 130px;}
.pn-feel .sync2 .owl-item:not(.center) .pn-item,.pn-feel .sync2 .owl-item:not(.center) .pn-item, .pn-feel .sync2 .owl-item.center + .owl-item.active + .owl-item.active .pn-item{padding-top: 25px}
.pn-feel .sync2 .owl-item.center + .owl-item.active + .owl-item.active .pn-item .pn-image{width: 110px;height: 110px}
.pn-feel .sync2 .owl-item:not(.center) .pn-item strong,.pn-feel .sync2 .owl-item:not(.center) .pn-item i{display: none}
.pn-feel .sync2 .owl-item .pn-item .pn-image:before{content: "";width: 100%;height: 100%;border-radius: 100%;background-color: rgba(0,0,0,.4);position: absolute;left: 0;top: 0;z-index: 1}
.pn-feel .sync2 .owl-item.center .pn-item .pn-image:before{display: none}
.pn-feel .sync2 .pn-item strong{display: block;text-transform: uppercase}
/* question */
.pn-wrapper-question{max-width: 1000px;margin: 0 auto 60px auto}
.pn-wrapper-question .pn-wrapper-item{border-radius: 10px;background-color: #fff;box-shadow: 0 6px 20px rgba(0,0,0,.15);padding:15px 0;overflow: hidden}
.pn-wrapper-question .pn-wrapper-pagination{margin-top: 30px}
.pn-wrapper-question .pn-wrapper-item .pn-item{padding: 0 25px;border-left: 2px solid #fff}
.pn-wrapper-question .pn-wrapper-item .pn-item .pn-question{display: block;font-weight: 500;border-bottom: 1px solid #dadada;font-size: 16px;line-height: 21px;padding:19.5px 45px;cursor: pointer;position: relative}
.pn-wrapper-question .pn-wrapper-item .pn-item .pn-question:after{font-family: "FontAwesome";content: "\f107";width: 30px;height: 30px;border-radius: 100px;box-shadow: 0 0 5px rgba(0,0,0,.2);right: 0;top: 50%;transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);right: 0;text-align: center;line-height: 30px;position: absolute;color: #000}
.pn-wrapper-question .pn-wrapper-item .pn-item .pn-wrapper{padding: 0 45px 45px 45px;margin-bottom: 0}
.pn-wrapper-question .pn-wrapper-item .pn-item:last-child .pn-question{border-bottom: none}
.pn-wrapper-question .pn-wrapper-item .pn-item:not(.active) .pn-wrapper{display: none}
.pn-wrapper-question .pn-wrapper-item .pn-item.active{background-color: #f8f8f8;border-left-color: #e3081c}
.pn-wrapper-question .pn-wrapper-item .pn-item.active .pn-question:after{background-color: #e3081c;color: #fff;content: "\f105"}
.pn-wrapper-question .pn-wrapper-item .pn-item.active .pn-question{border-bottom: 0;font-weight: bold;color: #e3081c}
@media only screen and (min-width: 992px){
    .pn-choose .pn-list-choose li.active{background: rgb(227,8,28);background: -moz-linear-gradient(top, rgba(227,8,28,1) 0%, rgba(254,31,51,1) 100%);background: -webkit-linear-gradient(top, rgba(227,8,28,1) 0%,rgba(254,31,51,1) 100%);background: linear-gradient(to bottom, rgba(227,8,28,1) 0%,rgba(254,31,51,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3081c', endColorstr='#fe1f33',GradientType=0 )}
    .pn-choose .pn-list-choose li:not(:last-child){margin-bottom: 15px}
    .pn-achievements .row [class*='col-'] .pn-group .pn-title{display: inline-block;font-size: 30px;line-height: 39px;margin-top: -60px;position: relative;background-color: #f7f7f7;margin-bottom: 30px}
}
@media only screen and (max-width: 1499px){
    .pn-review .pn-info span{font-size: 14px;line-height: 19px}
    .pn-review .pn-info i{font-size: 13px;line-height: 18px}
}
@media only screen and (max-width: 1199px){
    .pn-review .pn-wrapper-img{padding-right: 20px}
    .pn-review .pn-wrapper-img .pn-image + span{font-size: 20px;line-height: 20px}
    .pn-review .pn-wrapper-img .pn-image + span strong{font-size: 30px;line-height: 30px}
    .pn-choose .row,.pn-achievements .row{margin: 0 -15px}
    .pn-choose .row [class*='col-'],.pn-achievements .row [class*='col-']{padding: 0 15px}
    .pn-feel .sync1{margin-bottom: 50px}
    .pn-feel .sync2 .owl-item.center .pn-item .pn-image{width: 140px;height: 140px}
    .pn-feel .sync2 .owl-item.active + .owl-item.active:not(.center) .pn-item .pn-image{width: 110px;height: 110px}
    .pn-feel .sync2 .pn-item .pn-image,.pn-feel .sync2 .owl-item.center + .owl-item.active + .owl-item.active .pn-item .pn-image{width: 90px;height: 90px}
}
@media only screen and (max-width: 991px){
    .pn-review{margin-bottom: 0}
    .pn-review .pn-wrapper-pagination{margin-bottom: 30px}
    .pn-review .pn-wrapper-img{padding-right: 100px}
    .pn-feel{padding: 30px 0}
    .pn-feel .sync1{padding: 0 140px;margin-bottom: 50px}
    .pn-feel .sync2 .owl-item:not(.center) .pn-item{padding-top: 15px !important}
    .pn-feel .sync2 .pn-item .pn-image{width: 110px;height: 110px}

    .pn-achievements .row{display: block}
    .pn-achievements .row [class*='col-'] .pn-group{border: none}
    .pn-achievements .row [class*='col-'] .pn-group .pn-item p{font-size: 16px;line-height: 25px}
    .pn-choose{padding: 30px 0}
    .pn-choose .pn-list-choose li.active,.pn-choose .pn-list-choose li{width: 50%;display: block !important;border-radius: 0;padding: 0 15px;background-color: transparent;text-align: center;margin-bottom: 50px}
    .pn-choose .pn-list-choose li.active .pn-image,.pn-choose .pn-list-choose li .pn-image{position: initial;transform: initial;-moz-transform: initial;-webkit-transform: initial;margin: 0 auto 15px auto}
    .pn-choose .pn-list-choose li:not(.active) p{display: block}
    .pn-choose .pn-list-choose li.active{margin-left: 0}
    .pn-choose .pn-list-choose li.active .pn-name,.pn-choose .pn-list-choose li.active p{color: #000}
    .pn-choose .pn-list-choose li {margin-bottom: 30px}
    .pn-choose .pn-list-choose li .pn-name{font-weight: 900;margin-bottom: 5px;font-size: 16px}
    .pn-choose .pn-list-choose li .pn-image img{filter: inherit;-moz-filter: inherit;-webkit-filter: inherit}
    .pn-choose .pn-list-choose{display: flex;flex-wrap: wrap}
    .pn-choose .pn-list-choose li.active .pn-image{-webkit-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.2);-moz-box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.2);box-shadow: 0px 0px 7px 0px rgba(50, 50, 50, 0.2)}
    .pn-about .pn-wrapper-form{margin: 30px 0}
    .zoom-img{margin: 0 0 0 15px}
    .pn-achievements{margin-bottom: 30px}
    .pn-achievements .owl-carousel .owl-nav{display: block;text-align: center;margin-top: 30px}
    .pn-achievements .owl-carousel .owl-nav div{width: 40px;height: 40px;border: 2px solid #c6c6c6;color: #c6c6c6;background-color: #fff;border-radius: 100px;opacity: 1;visibility: visible;line-height: 35px;position: initial;display: inline-block;margin: 0 5px;}
    .pn-achievements .owl-carousel .owl-nav div:hover{background-color: #e3081c;color: #fff;border-color: #e3081c}
    .pn-wrapper-question{margin-bottom: 30px}
}
@media only screen and (max-width: 767px){
    .pn-popup .pn-content-popup{width: 90%}
    .pn-popup .pn-info{left: 20px}
    .pn-popup .pn-wrapper-img{padding-right: 20px}
    .pn-popup .pn-info span{font-size: 18px;line-height: 23px}
    .pn-popup .pn-wrapper-img .pn-image{width: 160px;height: 200px;border: none;border-radius: 0;bottom: 0}
    .pn-popup .pn-wrapper-img .pn-image + span{font-size: 30px;line-height: 30px}
    .pn-popup .pn-wrapper-img .pn-image + span strong{font-size: 50px;line-height: 50px}
    .pn-review .pn-wrapper-img{padding-right: 20px}
    .pn-feel .sync1{padding: 0 60px}
    .pn-feel .sync1.owl-carousel .owl-nav div.owl-prev{left: 0}
    .pn-feel .sync1.owl-carousel .owl-nav div.owl-next{right: 0}
}
@media only screen and (max-width: 570px){
    .pn-achievements .row [class*='col-'] .pn-group .pn-item{width: 50%}
    .pn-review .row [class*='col-']{width: 100%}
    .pn-review .pn-wrapper-img{padding-right: 100px}
    .pn-wrapper-question .pn-wrapper-item .pn-item .pn-question,.pn-wrapper-question .pn-wrapper-item .pn-item .pn-wrapper{padding-left: 0}
}
@media only screen and (max-width: 480px){
    .pn-achievements .row [class*='col-'] .pn-group .pn-item{width: 100%}
    .pn-feel .sync1{padding: 0}
    .pn-feel .sync1.owl-carousel .owl-nav{position: absolute;bottom: 15px;width: 100%;text-align: center}
    .pn-feel .sync1.owl-carousel .owl-nav div{border-color: #ddd;color: #ddd;position: initial;display: inline-block;margin: 0 5px}
    .pn-feel .sync1.owl-carousel .owl-nav div.owl-prev{left: 15px}
    .pn-feel .sync1.owl-carousel .owl-nav div.owl-next{right: 15px}
    .pn-review .pn-wrapper-img{padding-right: 20px}
    .pn-popup .pn-wrapper-img .pn-image{width: 140px;height: 170px}
    .pn-popup .pn-wrapper-img .pn-image + span{font-size: 25px;line-height: 25px}
    .pn-popup .pn-wrapper-img .pn-image + span strong{font-size: 40px;line-height: 40px}
    .pn-choose .pn-list-choose li.active, .pn-choose .pn-list-choose li{width: 100%;margin-bottom: 30px}
}
@media only screen and (max-width: 370px){
    .pn-popup .pn-item:before{display: none}
    .pn-popup .pn-item{padding: 20px;text-align: center}
    .pn-popup .pn-info{position: initial}
    .pn-popup .pn-wrapper-img{display: block;padding-right: 0}
    .pn-popup .pn-wrapper-img .pn-image{width: 100%;height: auto;margin-bottom: 10px;left: inherit;margin-bottom: 15px}
    .pn-popup .pn-wrapper-img .pn-image + span{color: #e3081c}
    .pn-popup .pn-wrapper-img .pn-image{position: relative}
    .pn-popup .pn-wrapper-img{background-image: none}
    .pn-popup .pn-wrapper-img:before {display: none}
    .pn-wrapper-question .pn-wrapper-item .pn-item .pn-question{font-size: 14px}
    .pn-review .pn-wrapper-img .pn-image{width: 100px;height: 130px}
    .pn-review .pn-wrapper-img .pn-image + span strong{font-size: 30px;line-height: 30px}
    .pn-review .pn-wrapper-img .pn-image{bottom: 0;border-radius: 0;border: none}
    .pn-review .pn-info{left: 20px}
}