.pn-benefit .row{display: flex;flex-wrap: wrap;}
.pn-benefit .row [class*='col-']{margin-bottom: 30px}
.pn-benefit .pn-image{overflow: inherit;height: 100%;width: 100% !important;}
.pn-benefit .pn-image:hover img{transform: inherit}
.pn-benefit .pn-image img{display: block;border-radius: 15px;border: 3px solid #fff;overflow: hidden;box-shadow: 0 8px 16px rgba(0,0,0,.38);position: absolute;width: 100%}
.pn-benefit ul{margin-bottom: 0;list-style: none;padding-left: 0}
.pn-benefit ul li .pn-image-mobile{display: none;border-radius: 15px;border: 3px solid #fff;overflow: hidden;box-shadow: 0 8px 16px rgba(0,0,0,.38);}
.pn-benefit ul li .pn-image-mobile img{max-width: 100%}
.pn-benefit ul li{min-height: 40px;position: relative;padding-left: 75px;cursor: pointer;}
.pn-benefit ul li:not(:last-child){margin-bottom: 35px;}
.pn-benefit ul li span{position: absolute;width: 55px;height: 55px;min-width: 55px;background-color: #eaf0f0;border-radius: 100px;display: flex;align-items: center;justify-content: center;left: 0;top: 0;}
.pn-benefit ul li>h4{display: block;font-size: 25px;line-height: 35px;color: #141717;padding: 10px 0;margin: 0;font-weight: bold;}
.pn-benefit ul li p{margin-bottom: 0;text-align: justify;font-size: 16px;line-height: 26px;}
.pn-benefit ul li.active>h4{color: #e0061f}
.pn-benefit ul li:not(.active) p{display: none;}
.pn-benefit ul li.active span{background-color: #e0061f}
.pn-benefit ul li.active span img{filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1);}
/**/
.pn-banners{margin-bottom: 60px;overflow: hidden;text-align: center}
.pn-banners img{width: 100%}

/**/
.pn-proviso{margin-bottom: 60px}
.pn-proviso{border: 2px solid #e0061f;border-radius: 20px;text-align: center;padding: 0 30px 30px 30px}
.pn-proviso .pn-title{margin-top: -27px}
.pn-proviso .pn-title span{background-color: #fff;position: relative;z-index: 1;padding: 0 15px;display: inline-block}
.pn-proviso .row{display: flex;justify-content: center;flex-wrap: wrap}
.pn-proviso .row [class*='col-']{margin-bottom: 30px}
.pn-proviso .row [class*='col-'] .pn-image{padding-bottom: 15px}
.pn-proviso .row [class*='col-'] .pn-image span{width: 85px;height: 85px;border: 1px solid #e0061f;border-radius: 5px;padding: 10px;text-align: center;display: flex;justify-content: center;align-items: center;background-color: #fff;box-shadow: -5px 7px 10px rgba(0,0,0,.15);margin: 0 auto}
.pn-proviso .row [class*='col-'] strong{font-size: 20px;line-height: 32px;color: #141717;white-space: break-spaces}
/**/
.pn-choose-industry{background-color: #e0061f;color: #fff;text-align: center;margin-bottom: 80px;overflow: hidden}
.pn-choose-industry .container{position: relative}
.pn-choose-industry .row{display: flex}
.pn-choose-industry .pn-title{color: #fff;margin-bottom: 15px}
.pn-choose-industry .pn-item{margin-bottom: 30px;}
.pn-choose-industry .pn-item .pn-name{font-weight: 900;text-transform: uppercase;position: relative;padding-top: 40px;margin-bottom: 20px}
.pn-choose-industry .pn-item .pn-name:before{content: attr(data-text);display: block;color: transparent;-webkit-text-stroke-width: 1px;-webkit-text-stroke-color: #fff;font-size: 65px;line-height: 100px;position: absolute;bottom: -25px;left: 0;width: 100%;text-align: center;font-weight: 800;opacity: 0.5;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.pn-choose-industry .pn-item .pn-name:after{content: "";position: absolute;width: 100%;height: 100%;bottom: -16px;left: 0;background: -moz-linear-gradient(top, rgba(207,28,34,0.11) 0%, #e0061f 100%);background: -webkit-linear-gradient(top, rgba(207,28,34,0.11) 0%,#e0061f 100%);background: linear-gradient(to bottom, rgba(207,28,34,0.11) 0%,#e0061f 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ce0061f', endColorstr='#b8e0061f',GradientType=0 )}
.pn-choose-industry .pn-item .pn-name + p{margin-bottom: 30px}
.pn-choose-industry .pn-item .pn-name span{position: relative;z-index: 2;display: inline-block;font-size: 20px;line-height: 30px;vertical-align: top}
.pn-choose-industry .pn-item .pn-button{background-color: #fff;color: #e0061f}
.pn-choose-industry #sync1 .owl-carousel{padding: 0 80px}
.pn-choose-industry #sync1{float: right}
.pn-choose-industry #sync1 .owl-carousel .owl-nav button{opacity: 1;visibility: visible;top: 0;transform: initial;margin-top: 20px;background-color: transparent;color: #fff;box-shadow: none;font-size: 40px}
.pn-choose-industry #sync1 .owl-carousel .owl-nav button.owl-next{right: 0}
.pn-choose-industry #sync1 .owl-carousel .owl-nav button.owl-prev{left: 0}
.pn-choose-industry #sync2 .owl-carousel{position: absolute;bottom: 0}
.pn-choose-industry #sync2 .owl-carousel .owl-stage-outer{padding-top: 150px}
.pn-choose-industry #sync2 .owl-carousel .owl-item{transition: all ease-out .5s;opacity: 0.5}
.pn-choose-industry #sync2 .owl-carousel .owl-item.active{transform: scale(1.5) translate(40px, -42px);opacity: 1;z-index: 2}
.pn-choose-industry #sync2 .owl-carousel .owl-item.active + .active{transform: scale(1.2) translate(10px, -21px);opacity: 0.8;z-index: 1}
.pn-choose-industry #sync2 .owl-carousel .owl-item.active + .active + .active{transform: initial;opacity: 0.5;transform: scale(1.2) translate(-40px, -17px)}
.pn-choose-industry #sync2 .owl-carousel .owl-item .pn-image:hover img{transform: inherit}
@keyframes out { 0%{ opacity: 1; transform: scale(1)} 100%{ opacity: 0; transform: scale(1.2)} }
@keyframes in { 0%{ opacity: 0; transform: scale(1.2)} 100%{ opacity: 1; transform: scale(1)} }
.out{ animation-name: out}
.in{ animation-name: in}
/**/
.pn-route{margin-bottom: 60px}
.pn-route .pn-title + .pn-wrapper{margin-top: 0}
.pn-route .pn-wrapper{text-align: center;margin-bottom: 0}
/**/
.pn-library{overflow: hidden}
.pn-library .pn-group-img{margin-bottom: 30px;overflow: hidden}
.pn-library .pn-col-img a{position: relative;overflow: hidden;height: 100%}
.pn-library .pn-col-img a:first-child{display: block}
.pn-library .pn-col-img a:not(:first-child){display: none}
.pn-library .pn-col-img a:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.7);z-index: 1;transition: all ease .3s;opacity: 0;visibility: hidden}
.pn-library .pn-col-img a span{position: absolute;bottom: 0;width: 100%;left: 0;padding: 15px;text-align: center;color: #fff;z-index: 2;transition: all ease .3s;opacity: 0;visibility: hidden}
.pn-library .pn-col-img a:hover:before,.pn-library .pn-col-img a:hover span{opacity: 1;visibility: visible}
.pn-library .owl-carousel .owl-nav button{margin-top: -30px}

@media only screen and (min-width: 1500px){
    .pn-choose-industry .pn-item .pn-name + p{font-size: 18px;line-height: 23px}
}
@media only screen and (min-width: 992px){
    .pn-benefit{margin-bottom: 50px}
    .pn-choose-industry .pn-item .pn-name + p{font-size: 16px;line-height: 21px}
}
@media only screen and (min-width: 768px) and (max-width: 1499px){
    .pn-choose-industry .pn-title{font-size: 30px;line-height: 45px}
}
@media only screen and (max-width: 1499px){
    .pn-benefit ul li>h4{font-size: 20px;}
    .pn-choose-industry #sync2 .owl-carousel .owl-stage-outer{padding-top: 170px}
    .pn-choose-industry #sync2 .owl-carousel .owl-item.active{transform: scale(1.8) translate(40px, -46px);opacity: 1;z-index: 2}
    .pn-choose-industry #sync2 .owl-carousel .owl-item.active + .active{transform: scale(1.5) translate(10px, -21px);opacity: 0.8;z-index: 1}
}
@media only screen and (max-width: 1300px){
    .pn-benefit .pn-image img{width: 90%;}
}
@media only screen and (max-width: 1199px){
    .pn-subcribe .pn-title{font-size: 30px;line-height: 40px;}
    .pn-choose-industry .pn-item .pn-name{padding-top: 30px}
    .pn-choose-industry .pn-item .pn-name:before{font-size: 50px;line-height: 90px}
    .pn-choose-industry #sync2 .owl-carousel .owl-stage-outer{padding-top: 160px}
    .pn-choose-industry #sync2 .owl-carousel .owl-item.active{transform: scale(1.8) translate(40px, -37px);opacity: 1;z-index: 2}
    .pn-choose-industry #sync2 .owl-carousel .owl-item.active + .active{transform: scale(1.5) translate(10px, -21px);opacity: 0.8;z-index: 1}
    .pn-choose-industry #sync2 .owl-carousel .owl-item.active + .active + .active{transform: scale(1.2) translate(-40px, -13px);}
}
@media only screen and (max-width: 991px){
    .pn-benefit ul{display: flex;flex-wrap: wrap;margin: 0 -15px}
    .pn-benefit ul li{width: 50%;padding: 0 15px 0 90px}
    .pn-benefit ul li span{left: 15px}
    .pn-benefit ul li:not(.active) p{display: block}
    .pn-benefit ul li.active .pn-image-mobile{display: block}
    .pn-benefit ul li .pn-image-mobile{margin-top: 15px;display: block;}
    .pn-proviso{padding-top: 0;margin-bottom: 30px}
    .pn-proviso{padding-bottom: 0}
    .pn-proviso .pn-title{margin-top: -20px}
    .pn-proviso .row [class*='col-'] strong{font-size: 16px;line-height: 21px}
    .pn-choose-industry{margin-bottom: 30px}
    .pn-choose-industry .row{display: block}
    .pn-choose-industry .pn-item .pn-name:before{font-size: 50px}
    .pn-choose-industry #sync1{float: none}
    .pn-route{margin-bottom: 30px}
}
@media only screen and (min-width: 768px){
    .pn-choose-industry .row [class*='col-']:nth-child(1){padding-top: 50px}
}
@media only screen and (max-width: 767px){
    .pn-benefit ul li{width: 100%}
    .pn-benefit ul li:not(.active) .pn-image-mobile{display: none}
    .pn-choose-industry{padding-top: 30px}
    .pn-library{margin: 0 -5px}
    .pn-library .pn-col-img a span{display: none}
    .pn-library .pn-col-img{padding: 0 5px}
    .pn-library .pn-group-img{margin-bottom: 10px}
    .pn-library .owl-carousel .owl-dots{margin-top: 15px}
}
@media only screen and (max-width: 570px){
    .pn-subcribe .pn-title{font-size: 25px;line-height: 35px;}
    .pn-proviso .row [class*='col-']{width: 50%}
    .pn-choose-industry #sync1 .owl-carousel{padding: 0 40px}
}
@media only screen and (max-width: 480px){
    .pn-benefit ul li{padding: 70px 15px 0 15px;text-align: center}
    .pn-benefit ul li span{left: 50%;transform: translateX(-50%)}
    .pn-benefit ul li>h4{padding-top: 0}
    .pn-benefit ul li .pn-image-mobile{display: block !important}
    .pn-proviso .row [class*='col-'] strong{font-size: 14px}
    .pn-proviso .row [class*='col-'] .pn-image{padding-bottom: 10px}
    .pn-proviso .row [class*='col-'] .pn-image span{width: 70px;height: 70px}
}
@media only screen and (max-width: 370px){
    .pn-subcribe .pn-title{font-size: 22px;line-height: 30px}
    .pn-proviso .row [class*='col-']{width: 100%}
    .pn-library{margin: 0 -2px}
    .pn-library .pn-col-img{padding: 0 2px}
    .pn-library .pn-group-img{margin-bottom: 4px}
}