.pn-banner{margin-bottom: 0}
.pn-about{background-color: #f2f2f2;overflow: hidden;padding-top: 60px}
.pn-about .pn-title span{background-color: #f2f2f2}
.pn-about .row{margin-bottom: 100px;display: flex}
.pn-about .row [class*='col-']{position: relative}
.pn-about .row [class*='col-'].pn-image img{width: 100%}
.pn-about .row [class*='col-']:nth-child(2){background-image: url(../images/bg-about.png);background-repeat: no-repeat;background-size: contain;background-position: bottom}
.pn-about .row [class*='col-'] .pn-content{position: absolute;top: 50%;transform: translateY(-50%);z-index: 1}
.pn-about .row [class*='col-'] .pn-content .pn-wrapper{margin-bottom: 0;max-height: 144px;overflow-y: auto}
.pn-about .row [class*='col-'] .pn-content .pn-wrapper{overflow-y: auto;padding-right: 10px;margin-right: -10px}
.pn-about .row [class*='col-'] .pn-content .pn-wrapper::-webkit-scrollbar {width: 5px}
.pn-about .row [class*='col-'] .pn-content .pn-wrapper::-webkit-scrollbar-track {background: #f1f1f1;border-radius: 10px}
.pn-about .row [class*='col-'] .pn-content .pn-wrapper::-webkit-scrollbar-thumb {background: #ddd;border-radius: 10px}
.pn-about .row [class*='col-'] .pn-content .pn-wrapper::-webkit-scrollbar-thumb:hover {background: #888;border-radius: 10px}
.pn-about .row .pn-content{background-color: #fff;text-align: center;padding: 100px 30px;max-width: 480px;box-shadow: 0 8px 24px rgba(0,0,0,.2);overflow: hidden}
.pn-about .row:nth-child(even) [class*='col-'] .pn-content{right: -80px}
.pn-about .row:nth-child(odd) [class*='col-'] .pn-content{left: -80px}
.pn-about .pn-content .pn-sub-title{margin-bottom: 10px}
.pn-about .row [class*='col-'] .pn-title{font-size: 26px;margin-bottom: 10px}
.pn-about .row [class*='col-'] .pn-title:before,.pn-about .row [class*='col-'] .pn-title:after{display: none}
/**/
.pn-news{background-color: #eaeaea;padding: 60px 0 30px 0;overflow: hidden}
.pn-news .pn-title span{background-color: #eaeaea}
.pn-news .owl-carousel{margin-bottom: 30px}
.pn-news .owl-carousel .pn-item{position: relative;overflow: hidden;color: #fff;text-align: center}
.pn-news .owl-carousel .pn-item:hover{cursor: pointer}
.pn-news .owl-carousel .pn-item .pn-image{position: relative}
.pn-news .owl-carousel .pn-item .pn-image img{min-width: 100%}
.pn-news .owl-carousel .pn-item .pn-image:before{content: "";position: absolute;z-index: 1;left: 0;top: 0;width: 100%;height: 100%;background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.8) 100%);background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,0.8) 100%);background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,0.8) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#cc000000',GradientType=0 )}
.pn-news .owl-carousel .pn-item .pn-content-hidden{background-color: #c60b1d;position: absolute;width: 100%;height: 100%;transition: all ease 1s;top: 100%;padding: 20px;display: flex;align-items: center;text-align: center;color: #fff;z-index: 3}
.pn-news .owl-carousel .pn-item .pn-sub-title{display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;color: #fff}
.pn-news .owl-carousel .pn-item .pn-sub-title a{text-align: center;color: #fff;margin-bottom: 10px}
.pn-news .owl-carousel .pn-item .pn-content{position: absolute;bottom: 0;padding: 0 20px 30px 20px;left: 0;width: 100%;z-index: 2}
.pn-news .owl-carousel .pn-item .pn-content .pn-sub-title + span{display: block;text-align: left;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden}
.pn-news .owl-carousel .pn-item .pn-content-hidden .pn-sub-title{color: #fff;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden}
.pn-news .owl-carousel .pn-item:hover .pn-content-hidden{top: 0}
.pn-news .owl-carousel .pn-item .pn-content-hidden .pn-wrapper{margin-bottom: 30px;text-align: center;display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; overflow: hidden}
.pn-news .owl-carousel .pn-item .pn-content-hidden .pn-button{border: 1px solid #fff}

@media only screen and (min-width: 1500px){
    .pn-about .row .pn-content{max-width: 570px}
}
@media only screen and (max-width: 1199px){
    .pn-about .row .pn-content{padding: 30px}
    .pn-news .owl-carousel .pn-item .pn-sub-title{font-size: 20px;line-height: 30px;margin-bottom: 10px}
}
@media only screen and (max-width: 991px){
    .pn-about{padding-top: 50px}
    .pn-about .row{margin-bottom: 50px}
    .pn-about .row .pn-content{padding: 30px;max-width: 100%}
    .pn-news .owl-carousel .pn-item .pn-content-hidden{display: none !important}
    .pn-news .owl-carousel .pn-item .pn-content{padding: 15px}
    .pn-news .owl-carousel .pn-item .pn-sub-title{text-align: left;margin-bottom: 0;text-transform: initial }
    .pn-news .owl-carousel .pn-item .pn-content .pn-sub-title + span{display: none}
    .pn-news{padding: 30px 0 0 0}
}
@media only screen and (min-width: 768px) and (max-width: 991px){
    .pn-about .row .pn-content{max-width: inherit}
    .pn-about .row:nth-child(even) [class*='col-'] .pn-content{left: 30px}
    .pn-about .row:nth-child(odd) [class*='col-'] .pn-content{right: 30px}
}
@media only screen and (max-width: 767px){
    .pn-about .row [class*='col-'] .pn-content{padding: 20px;background: #fff;margin: -50px 15px 0 15px}
    .pn-about .row{display: block;margin-bottom: 30px;padding: 0 15px}
    .pn-about .row [class*='col-'].pn-image{margin-bottom: 15px}
    .pn-about .row [class*='col-'] .pn-content{top: inherit;transform: inherit;position: inherit}
    .pn-about .row:nth-child(odd) [class*='col-'] .pn-content{left: inherit}
    .pn-about .row:nth-child(odd) [class*='col-'] .pn-content .pn-sub-title{text-align: center}
    .pn-about .row:nth-child(even) [class*='col-'] .pn-content{right: inherit}
    .pn-about .row:nth-child(even) [class*='col-'] .pn-content .pn-sub-title{text-align: center}
    .pn-news .row{display: flex;flex-wrap: wrap;justify-content: center}
}
@media only screen and (min-width: 571px){
    .pn-about .row:nth-child(even){flex-direction: row-reverse}
}
@media only screen and (max-width: 570px){
    .pn-about{padding-top: 30px}
    .pn-news .owl-carousel .pn-item .pn-sub-title{font-size: 16px;line-height: 24px}
}
@media only screen and (max-width: 480px){
    .pn-news .owl-carousel{width: 100%}
    .pn-news .owl-carousel .pn-item .pn-image{margin-bottom: 15px}
    .pn-news .owl-carousel .pn-item .pn-content{position: initial;padding: 0}
    .pn-news .owl-carousel .pn-item .pn-sub-title a{font-size: 17px;line-height: 25px;color: #000}
    .pn-news .owl-carousel .owl-dots {display: flex;justify-content: center;margin-top: 20px}
    .pn-news .owl-carousel .owl-dots .owl-dot{width: 10px;height: 10px;opacity: 1;background-color: #000;border-radius: 50%;margin: 0 5px}
    .pn-news .owl-carousel .owl-dots .owl-dot.active{background-color: #c60b1d}
}