.pn-title + .pn-wrapper{font-size: 18px;line-height: 23px;color: #000;text-align: center}

.pn-about{background-color: #f5f5f5;margin: -50px 0 50px 0;padding-top: 60px}
.pn-about .pn-title{color: #cf1c22;margin-bottom: 40px}
.pn-about .pn-sub-title{text-transform: uppercase;color: #000;font-size: 30px;line-height: 40px;margin: 0 0 20px 0;font-weight: bold;display: inline-block;position: relative}
.pn-about .pn-sub-title + p{color: #000;font-weight: 500}
.pn-about .pn-sub-title:before{content: attr(data-number);font-size: 100px;line-height: 100px;position: absolute;font-weight: 900;left: 0;bottom: -40px;color: rgba(0,0,0,.1)}
.pn-about .row{margin-bottom: 80px;display: flex;align-items: center;position: relative;z-index: 1}
.pn-about .row:nth-child(even){flex-direction: row-reverse;text-align: right}
.pn-about .row [class*='col-']{position: relative}
.pn-about .row [class*='col-'] .pn-image img{width: 100%}
.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-about .pn-content .pn-wrapper{margin-bottom: 0;color: rgba(0,0,0,.8);text-align: justify}
.pn-about .pn-content .pn-wrapper ul,.pn-about .pn-content .pn-wrapper ol{padding-left: 0}

/* proviso */
.pn-proviso{padding-top: 70px;margin-bottom: 100px}
.pn-proviso .pn-content{border: 2px solid #cf1c22;border-radius: 20px;text-align: center;padding: 0 30px 30px 30px}
.pn-proviso .pn-content .pn-title{margin-top: -27px}
.pn-proviso .pn-content .pn-title span{background-color: #fff;position: relative;z-index: 1;padding: 0 15px;display: inline-block}
.pn-proviso .pn-content .row{display: flex;align-items: center;justify-content: center;flex-wrap: wrap}
.pn-proviso .pn-content .row [class*='col-']{margin-bottom: 30px}
.pn-proviso .pn-content .row [class*='col-'] .pn-image{padding-bottom: 25px}
.pn-proviso .pn-content .row [class*='col-'] .pn-image span{width: 85px;height: 85px;border: 1px solid #cf1c22;border-radius: 5px;padding: 10px;text-align: center;display: inline-block;background-color: #fff;box-shadow: -5px 7px 10px rgba(0,0,0,.15)}
.pn-proviso .pn-content .row [class*='col-'] strong{font-weight: 900;font-size: 20px;line-height: 25px;color: #000;white-space: break-spaces}
/* pn-choose-industry */
.pn-choose-industry{background-color: #cf1c22;color: #fff;text-align: center;margin-bottom: 80px}
.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{padding-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-family: 'Open Sans', sans-serif;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: -10px;left: 0;background: -moz-linear-gradient(top, rgba(207,28,34,0.11) 0%, rgba(207,28,34,0.72) 100%);background: -webkit-linear-gradient(top, rgba(207,28,34,0.11) 0%,rgba(207,28,34,0.72) 100%);background: linear-gradient(to bottom, rgba(207,28,34,0.11) 0%,rgba(207,28,34,0.72) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1ccf1c22', endColorstr='#b8cf1c22',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: #cf1c22}
.pn-choose-industry #sync2 .owl-carousel{padding: 0 80px}
.pn-choose-industry #sync2{float: right}
.pn-choose-industry #sync2 .owl-carousel .owl-nav div{opacity: 1;visibility: visible;top: 0;transform: initial;margin-top: 20px;}
.pn-choose-industry #sync1 .owl-carousel{position: absolute;bottom: 0}
.pn-choose-industry #sync1 .owl-carousel .owl-stage-outer{padding-top: 150px;}
.pn-choose-industry #sync1 .owl-carousel .owl-item{transition: all ease-out .5s;opacity: 0.5}
.pn-choose-industry #sync1 .owl-carousel .owl-item.active{transform: scale(1.5) translate(-40px, -42px);opacity: 1;z-index: 2;}
.pn-choose-industry #sync1 .owl-carousel .owl-item.active + .active{transform: scale(1.2) translate(-40px, -21px);opacity: 0.8;z-index: 1;}
.pn-choose-industry #sync1 .owl-carousel .owl-item.active + .active + .active{transform: initial;opacity: 0.5;}
.pn-choose-industry .owl-carousel.owl-rtl{direction:rtl}
.pn-choose-industry .owl-carousel.owl-rtl .owl-item{float:right}
@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)} }
@keyframes tranlateIn { 0%{ opacity: 0; transform: translateY(-20px)} 100%{ opacity: 1; transform: translateY(0)} }
@keyframes tranlateOut { 0%{ opacity: 1; transform: translateY(0)} 100%{ opacity: 0; transform: translateY(-20px)} }
.out{ animation-name: out}
.in{ animation-name: in}
.tranlateIn{ animation-name: tranlateIn}
.tranlateOut{ animation-name: tranlateOut}
/* route */
.pn-route{margin-bottom: 100px}
.pn-route .pn-title + .pn-wrapper{margin-top: -20px}
.pn-route .pn-wrapper{text-align: center;margin-bottom: 0}
.pn-route .pn-wrapper img{max-width: 100%}
/* choose */
.pn-choose{background-color: #f5f5f5;padding: 100px 0 70px 0;text-align: center;background-image: url(../images/bg-choose.png);background-repeat: repeat-x;background-position: center}
.pn-choose .row{display: flex;flex-wrap: wrap;margin-top: 60px;justify-content: center}
.pn-choose .row [class*='col-']{margin-bottom: 30px}
.pn-choose .row [class*='col-'] .pn-item{background-color: #fff;border-radius: 10px;padding: 30px 10px 10px 10px;height: 100%;box-shadow: 0 2px 8px rgba(0,0,0,.16)}
.pn-choose .row [class*='col-'] .pn-item > div{display: block;font-size: 30px;line-height: 30px;color: #000;font-weight: 900;margin-bottom: 15px}
/* newspapers */
.pn-newspapers{margin: 70px 0}
.pn-newspapers .pn-title + .pn-wrapper{margin-bottom: 40px}
.pn-newspapers .owl-carousel .pn-item{border: 1px solid #b5b5b5;border-radius: 10px;padding: 30px 30px 60px 30px;height: 100%}
.pn-newspapers .owl-carousel .pn-item .clearfix{display: flex;align-items: center;padding-bottom: 15px;margin-bottom: 15px;border-bottom: 1px solid #b5b5b5}
.pn-newspapers .owl-carousel .pn-item .pn-wrapper{margin-bottom: 30px;font-size: 18px;line-height: 24px}
.pn-newspapers .owl-carousel .pn-item .pn-image{max-width: 160px;float: left;margin-right: 30px}
.pn-newspapers .owl-carousel .pn-item .pn-name{width: calc(100% - 190px);font-size: 18px;line-height: 24px;text-align: justify;color: #000;font-weight: bold;display: block}
.pn-newspapers .owl-carousel .pn-item .pn-see-more{font-size: 18px;line-height: 23px;color: #000;position: absolute;right: 30px;bottom: 30px}
.pn-newspapers .owl-carousel .pn-item .pn-see-more:after{font-family: "FontAwesome";content: "\f105";margin-left: 15px}
.pn-newspapers .owl-carousel .pn-item .pn-name:hover,.pn-newspapers .owl-carousel .pn-item .pn-see-more:hover{color: #cf1c22}
.pn-newspapers .owl-carousel .owl-dots{margin-top: 40px}
.pn-newspapers .owl-carousel .owl-dots .owl-dot:not(.active){width: 7px;height: 7px;background-color: #7f7f7f}
.pn-newspapers .owl-carousel .owl-dots .owl-dot.active{width: 20px;height: 7px}
/* share */
.pn-share{background-color: #f5f5f5;padding: 80px 0 60px 0}
.pn-share .row{display: flex;flex-wrap: wrap}
.pn-share .row [class*='col-']{margin-bottom: 30px}
.pn-share .pn-item{background-color: #fff;border: 1px solid #dedcdc;padding: 20px 20px 20px 120px;position: relative;height: 100%}
.pn-share .pn-item .pn-name{font-weight: bold;font-size: 18px;line-height: 23px;margin-bottom: 5px;display: inline-block}
.pn-share .pn-item .pn-name + p{font-size: 14px;line-height: 19px}
.pn-share .pn-item .pn-two-line{font-size: 16px;line-height: 26px;margin-bottom: 0}
.pn-share .pn-image{position: absolute;width: 80px;height: 80px;border-radius: 100%;left: 20px;top: 50%;transform: translateY(-50%);-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%)}
.pn-share .pn-button{padding-left: 35px;padding-right: 35px}
/* pn-companion */
.pn-companion{padding: 60px 0;background-repeat: no-repeat;background-size: cover;background-attachment: fixed;position: relative;margin-bottom: 60px}
.pn-companion:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.4)}
.pn-companion .pn-title{color: #fff;text-align: left}
.pn-companion .row{display: flex;flex-wrap: wrap;align-items: center}
.pn-companion .pn-title + .pn-wrapper{text-align: justify;color: #fff}
.pn-companion .pn-wrapper-img{display: flex;flex-wrap: wrap;padding-left: 0;margin: 0 -15px;list-style: none}
.pn-companion .pn-wrapper-img li{width: 50%;margin-top: 30px;padding: 0 15px}
.pn-companion .pn-wrapper-img img{transition: all ease .5s;-moz-transition: all ease .5s;-webkit-transition: all ease .5s}
.pn-companion .pn-wrapper-img li:hover img{transform: scale(1.3);-moz-transform: scale(1.3);-webkit-transform: scale(1.3)}
.pn-companion iframe{width: 100%;height: 100%}
.pn-companion .pn-iframe-video{position: relative;cursor: pointer}
.pn-companion .pn-iframe-video:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5)}
.pn-companion .pn-image.pn-iframe-video iframe{width: 100%;height: 100%}
.pn-companion .pn-iframe-video:after{font-family: "FontAwesome";content: "\f04b";position: absolute;width: 90px;height: 90px;border-radius: 100%;background-color: rgba(0,0,0,.4);left: 50%;top: 50%;transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);color: #fff;font-size: 30px;line-height: 90px;text-align: center;padding-left: 10px}
.pn-companion .pn-image.pn-iframe-video.active:before,.pn-companion .pn-image.pn-iframe-video.active:after,.pn-companion .pn-image.pn-iframe-video.active picture{display: none}
.pn-companion .pn-button{background-color: #fff;color: #000}
.pn-companion .pn-button:hover{background-color: #cf1c22;color: #fff}
/* News */
.pn-news{margin-bottom: 50px}
.pn-news .pn-title{margin-bottom: 40px}
.pn-news .row [class*='col-']{margin-bottom: 30px}
.pn-news .row [class*='col-']:not(:first-child) .pn-item .pn-image{width: 215px;float: left;margin-right: 30px}
.pn-news .row [class*='col-']:first-child .pn-item .pn-image{margin-bottom: 20px}
.pn-news .row [class*='col-'] .pn-item .pn-image img{transition: all ease .5s;-moz-transition: all ease .5s;-webkit-transition: all ease .5s}
.pn-news .row [class*='col-'] .pn-item .pn-image:hover img{transform: scale(1.3);-moz-transform: scale(1.3);-webkit-transform: scale(1.3)}
.pn-news .row [class*='col-']:first-child .pn-item  .pn-name{font-size: 18px;line-height: 23px}
.pn-news .row [class*='col-'] .pn-item .pn-name{font-weight: bold;font-size: 16px;margin-bottom: 10px;display: block;line-height: 21px;color: #000}
.pn-news .row [class*='col-'] .pn-item .pn-name:hover{color: #cf1c22}
.pn-news .row [class*='col-']:first-child .pn-item .pn-name + p{font-size: 16px;line-height: 25px}
.pn-news .row [class*='col-'] .pn-item .pn-name + p{margin-bottom: 0;color: #535b62;font-size: 14px;line-height: 19px}
.pn-news .pn-button{margin-top: 30px}
@media only screen and (min-width: 1500px){
    .pn-about .pn-content .pn-wrapper{font-size: 18px;line-height: 23px}
    .pn-about .row{margin-left: -35px;margin-right: -35px}
    .pn-about .row [class*='col-']{padding: 0 35px}
    .pn-choose .row [class*='col-'] .pn-item > div{font-size: 50px;line-height: 50px}
    .pn-companion .row{margin: 0 -35px}
    .pn-companion .row [class*='col-']{padding: 0 35px}
    .pn-choose-industry .pn-item .pn-name + p{font-size: 18px;line-height: 23px}
}
@media only screen and (min-width: 992px){
    .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-companion .pn-title,.pn-choose-industry .pn-title{font-size: 30px;line-height: 45px}
    .pn-news .row [class*='col-']:nth-child(5){display: none}
}
@media only screen and (max-width: 1499px){
    .pn-choose-industry #sync1 .owl-carousel .owl-stage-outer{padding-top: 160px;}
    .pn-choose-industry #sync1 .owl-carousel .owl-item.active{transform: scale(1.8) translate(-40px, -42px);opacity: 1;z-index: 2;}
    .pn-choose-industry #sync1 .owl-carousel .owl-item.active + .active{transform: scale(1.5) translate(-40px, -21px);opacity: 0.8;z-index: 1;}
}
@media only screen and (max-width: 1199px){
    .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 #sync1 .owl-carousel .owl-stage-outer{padding-top: 160px;}
    .pn-choose-industry #sync1 .owl-carousel .owl-item.active{transform: scale(1.8) translate(-40px, -37px);opacity: 1;z-index: 2;}
    .pn-choose-industry #sync1 .owl-carousel .owl-item.active + .active{transform: scale(1.5) translate(-40px, -21px);opacity: 0.8;z-index: 1;}
}
@media only screen and (max-width: 991px){
    .pn-title + .pn-wrapper{font-size: 16px}
    .pn-about{margin-top: -30px}
    .pn-about .pn-title{margin-bottom: 30px}
    .pn-about .row{margin-bottom: 30px}
    .pn-about .pn-sub-title{font-size: 20px;line-height: 30px}
    .pn-news{display: none}
    .pn-proviso{padding-top: 0;margin-bottom: 30px}
    .pn-proviso .pn-content{padding-bottom: 0}
    .pn-proviso .pn-content .pn-title{margin-top: -20px}
    .pn-proviso .pn-content .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 #sync2{float: none}
    .pn-choose .row [class*='col-'] .pn-item > div{font-size: 20px;line-height: 20px}
    .pn-route{margin-bottom: 30px}
    .pn-choose{padding: 30px 0 0 0}
    .pn-choose .row{margin-top: 0}
    .pn-newspapers{margin: 30px 0}
    .pn-newspapers .owl-carousel .owl-dots{margin-top: 30px}
    .pn-newspapers .owl-carousel .pn-item .pn-name{font-size: 16px;line-height: 21px}
    .pn-newspapers .owl-carousel .pn-item .pn-wrapper{font-size: 15px;line-height: 22px}
    .pn-share{padding: 30px 0}
    .pn-companion{padding: 30px 0;margin-bottom: 30px}
}
@media only screen and (min-width: 768px){
    .pn-choose .row [class*='col-']{width: 20%}
    .pn-choose-industry .row [class*='col-']:nth-child(2){padding-top: 50px}
}
@media only screen and (max-width: 767px){
    .pn-companion{text-align: center}
    .pn-companion .pn-title,.pn-companion .pn-title + .pn-wrapper{text-align: center}
    .pn-share .row{display: block}
    .pn-share .row [class*='col-']{margin-bottom: 15px}
    .pn-choose-industry{padding-top: 30px}
    .pn-news .row [class*='col-']:first-child,.pn-companion .row [class*='col-']:first-child{margin-bottom: 30px}
    .pn-news .row [class*='col-']:first-child .pn-item .pn-name{font-size: 18px;line-height: 23px}
    .pn-news .row [class*='col-']:not(:first-child) .pn-item .pn-image{margin-right: 15px}
}
@media only screen and (max-width: 570px){
    .pn-title + .pn-wrapper{font-size: 14px;line-height: 19px}
    .pn-about .row{margin-bottom: 30px;text-align: left !important;display: block !important}
    .pn-about .row [class*='col-'] .pn-image{margin-bottom: 15px}
    .pn-about .pn-sub-title{display: block}
    .pn-about{padding-top: 30px}
    .pn-about .pn-sub-title{font-size: 15px;line-height: 20px}
    .pn-about .pn-content span,.pn-about .pn-sub-title:before{display: none}
    .pn-proviso .row [class*='col-'],.pn-choose .row [class*='col-']{width: 50%}
    .pn-choose-industry #sync2 .owl-carousel{padding: 0 40px}
    .pn-newspapers .owl-carousel .owl-dots{margin-top: 20px}
}
@media only screen and (max-width: 480px){
    .pn-proviso .pn-content .row [class*='col-'] strong{font-size: 14px}
    .pn-proviso .pn-content .row [class*='col-'] .pn-image{padding-bottom: 10px}
    .pn-proviso .pn-content .row [class*='col-'] .pn-image span{width: 70px;height: 70px}
    .pn-companion .pn-iframe-video:after{width: 70px;height: 70px;line-height: 70px;font-size: 25px}
    .pn-companion .pn-wrapper-img{margin: 0 -5px}
    .pn-companion .pn-wrapper-img li{margin-top: 10px;padding: 0 5px}
    .pn-newspapers .owl-carousel .pn-item .clearfix{display: block}
    .pn-newspapers .owl-carousel .pn-item .pn-image{float: none;margin: 0 0 10px 0}
    .pn-newspapers .owl-carousel .pn-item .pn-name{width: 100%}
    .pn-share .pn-item{padding: 20px;text-align: center}
    .pn-share .pn-image{position: initial;top: inherit;transform: inherit;-moz-transform: inherit;-webkit-transform: inherit;margin:0 auto 10px auto}
    
}
@media only screen and (max-width: 370px){
    .pn-about .row{display: block}
    .pn-about .row [class*='col-'],.pn-choose .row [class*='col-'],.pn-proviso .pn-content .row [class*='col-']{width: 100%}
    .pn-choose{padding-bottom: 20px}
    .pn-choose .row [class*='col-']{margin-bottom: 15px}
}