@-webkit-keyframes coccoc-alo-circle-anim{0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);opacity:.1}}
@keyframes coccoc-alo-circle-anim{0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);transform:rotate(0) scale(.5) skew(1deg);opacity:.1}30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);opacity:.1}}
@-webkit-keyframes coccoc-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}
@keyframes coccoc-alo-circle-fill-anim{0%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);opacity:.2}100%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.2}}
.pn-banner .js-down{display: inline-block;width: 80px;height: 80px;text-align: center;line-height: 80px;cursor: pointer;border-radius: 100px;background-color: #fff;box-shadow: 0 0 5px rgba(0,0,0,.3);position: absolute;left: 50%;transform: translateX(-50%);bottom: -40px;z-index: 10}
.pn-banner .js-down:before,.pn-banner .js-down:after{content: "";background-color: #fff;position: absolute;border: 2px solid #fff;border-radius: 100px}
.pn-banner .js-down:before{width: 100px;height: 100px;left: -10px;top: -10px;-webkit-animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;animation: coccoc-alo-circle-anim 1.2s infinite ease-in-out;transition: all .5s;-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%}
.pn-banner .js-down:after{width: 120px;height: 120px;left: -20px;top: -20px;-webkit-animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;animation: coccoc-alo-circle-fill-anim 2.3s infinite ease-in-out;transition: all .5s;-webkit-transform-origin: 50% 50%;transform-origin: 50% 50%}
.position_top.active .pn-title:before{width: 50%}
.position_top.active .pn-title:after{width: 50%}
.pn-banner .js-down img{position: relative;z-index: 2}
/* about */
.pn-about{padding-top: 90px;background-color: #f2f2f2;overflow: hidden}
.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%)}
.pn-about .row [class*='col-'] .pn-content .pn-wrapper{text-align: justify;}
.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}
/* companion */
.pn-companion{position: relative;background-image: url(../images/bg-companion.jpg);background-attachment: fixed;background-position: center;padding: 80px 0 50px 0;overflow: hidden}
.pn-companion:before{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.6)}
.pn-companion .container{position: relative;z-index: 1}
.pn-companion .pn-title{color: #fff;margin-bottom: 20px}
.pn-companion .pn-title:before,.pn-companion .pn-title:after{display: none}
.pn-companion .pn-wrapper{padding: 0 150px;color: #fff;text-align: center;margin-bottom: 70px}
.pn-companion .pn-wrapper-item{display: flex;justify-content: center;position: relative;min-height: 500px}
.pn-companion .pn-wrapper-item .pn-item{width: 250px;height: 250px;background-color: rgba(198,11,30,0.6);display: flex;color: #fff;text-align: center;align-items: center;border-radius: 100%;padding: 15px 50px;justify-content: center;transition: all ease 2s;;overflow: hidden}
.pn-companion .pn-wrapper-item .pn-item:nth-child(1){transform: translate(-100px, 250px)}
.pn-companion .pn-wrapper-item .pn-item:nth-child(2){transform: translateY(-100px)}
.pn-companion .pn-wrapper-item .pn-item:nth-child(3){transform: translate(100px, 250px)}
.pn-companion.active .pn-wrapper-item .pn-item:nth-child(1){margin-top: 160px;margin-right: -150px;transform: inherit}
.pn-companion.active .pn-wrapper-item .pn-item:nth-child(2){transform: inherit}
.pn-companion.active .pn-wrapper-item .pn-item:nth-child(3){margin-top: 160px;margin-left: -150px;transform: inherit}
.pn-companion .pn-wrapper-item .pn-item strong{font-size: 40px}
/* Service */
.pn-service{background-color: #f2f2f2;padding-top: 70px}
.pn-service .pn-title span{background-color: #f2f2f2}
.pn-service .pn-wrapper{margin-bottom: 50px}
.pn-service .pn-wrapper table tr td{vertical-align: top;}
.pn-service .pn-wrapper table tr td:first-child{padding-right: 10px}.pn-service .pn-wrapper table tr td:last-child{padding-left: 10px}
.pn-service .row [class*='col-'].pn-image{text-align: center}
.pn-service .pn-wrapper :is(h1,h2,h3,h4,h5,h6){text-transform: uppercase;font-size: 26px;line-height: 31px;font-weight: bold;color: #c60b1e;margin: 0 0 20px 0}
.pn-service .pn-wrapper table tr:not(:last-child){display: flex}
.pn-service .pn-wrapper table tr:not(:last-child) td{background-color: #fff; border-radius: 10px; margin-bottom: 20px; padding: 15px; display: block; width: calc(50% - 10px); float: left; border: 1px solid #e5e4e4;}
.pn-service .pn-wrapper table tr:not(:last-child) td:first-child{margin-right: 10px}
.pn-service .pn-wrapper table tr:not(:last-child) td + td{margin-left: 10px}
.pn-service .pn-wrapper table tr td > p:first-child{float: left;margin: 0 5px 0 0}
.pn-service .pn-wrapper table tr td > p:first-child:before{font-family:'FontAwesome';content: "\f046";}
.pn-service .pn-wrapper table tr td > p img{display: none}

/* News */
.pn-news{background-color: #eaeaea;padding: 60px 0}
.pn-news .pn-title span{background-color: #eaeaea}
.pn-news .row [class*='col-']{margin-bottom: 30px}
.pn-news .row [class*='col-'] .pn-item{position: relative;overflow: hidden;color: #fff;text-align: center}
.pn-news .row [class*='col-'] .pn-item:hover{cursor: pointer}
.pn-news .row [class*='col-'] .pn-item .pn-image{display: block}
.pn-news .row [class*='col-'] .pn-item .pn-image img{min-width: 100%}
.pn-news .row [class*='col-'] .pn-item .pn-content-hidden{background-color: #fff;position: absolute;width: 100%;height: 100%;transition: all ease 1s;top: 100%;padding: 20px;display: flex;align-items: center;text-align: center;color: #000}
.pn-news .row [class*='col-'] .pn-item .pn-sub-title{text-align: center;color: #fff;margin-bottom: 10px}
.pn-news .row [class*='col-'] .pn-item .pn-content-hidden .pn-sub-title{color: #000}
.pn-news .row [class*='col-'] .pn-item .pn-content{position: absolute;bottom: 0;padding: 0 20px 30px 20px;left: 0;width: 100%}
.pn-news .row [class*='col-'] .pn-item:before{content: "";position: absolute;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 .row [class*='col-'] .pn-item:hover .pn-content-hidden{top: 0}
.pn-news .row [class*='col-'] .pn-item:hover .pn-content-hidden .pn-wrapper{margin-bottom: 30px}
.pn-news .row [class*='col-'] .pn-item .pn-content-hidden .pn-button{border: 1px solid #fff}
/* library */
.pn-library{background-color: #e1e1e1;padding: 60px 0;position: relative;overflow: hidden}
.pn-library:after{content: "";position: absolute;right: 0;background-image: url(../images/bg-library.png);background-repeat: no-repeat;width: 625px;height: 675px;bottom: -300px;-webkit-filter: grayscale(1); filter: grayscale(1);opacity: 0.1}
.pn-library .pn-title span{background-color: #e1e1e1}
.pn-library .pn-item{position: relative;overflow: hidden}
.pn-library .pn-item .pn-content{position: absolute;text-align: center;padding: 0 20px 30px 20px;color: #fff;bottom: 0;left: 0;width: 100%;z-index: 2}
.pn-library .pn-item .pn-content .pn-sub-title{color: #fff;margin-bottom: 10px;position: relative;font-size: 20px;line-height: 25px}
.pn-library .pn-item .pn-content > a{display: inline-block;margin-bottom: 15px}
.pn-library .pn-item > a{display:block;position: relative;z-index:2;}
/*.pn-library .pn-item .pn-content .pn-sub-title::before{font-family: "FontAwesome";content: "\f067";width: 40px;height: 40px;line-height: 36px;font-size: 16px;color: #fff;display: block;border: 3px solid #fff;border-radius: 100px;margin:0 auto;margin-bottom:8px}*/
.pn-library .pn-item{position: relative}
.pn-library .pn-item > a: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-library .pn-item .pn-image:after{content: "";position: absolute;left: -100%;bottom: -100%;width: 100%;height: 100%;transition: all ease .3s;background-color: rgba(255,255,255,.2)}
.pn-library .pn-item .pn-image img{transition: all ease 2s;;transition-delay: .3s;}
.pn-library .pn-item:hover .pn-image img{transform: scale(1.2);}
.pn-library .pn-item:hover .pn-image:after{left: 100%;bottom: 100%;}
.pn-library .owl-carousel{padding: 0 60px}
.pn-library .owl-carousel .owl-stage-outer{padding: 30px 0}
.pn-library .owl-carousel .owl-item{transition: all ease .3s;font-size: 13px}
.pn-library .owl-carousel .owl-item.active.center{transform: scale(1.25);z-index: 100}
.pn-library .owl-carousel .owl-item:not(.center) .pn-item .pn-content{display: none}
.pn-library .owl-carousel .owl-nav div{border: 2px solid #000;border-radius: 100px;color: #000;opacity: 1;visibility: visible;line-height: 37px}
.pn-library .owl-carousel .owl-nav div:hover{background-color: #c60b1d;border-color: #c60b1d;color: #fff}
.pn-sub-title{font-size:20px}

.pn-maps-country.pn-page-training{min-height: 450px}
.pn-maps-country.pn-page-training .row [class*='col-'] ul{padding-top: 145px;}
.pn-maps-country .pn-title{text-transform: uppercase;font-weight: bold;color: #c60b1e;margin: 0 0 20px 0}
.pn-maps-country .row{display: flex;margin-bottom: 50px}
.pn-maps-country .row [class*='col-'] ul{margin-bottom: 0;padding-left: 0;list-style: none;padding-top: 65px}
.pn-maps-country .row [class*='col-'] ul li:not(:last-child){margin-bottom: 17px}
.pn-maps-country .row [class*='col-'] ul li a:before{font-family: "FontAwesome";content: "\f041";color: #c60b1e;float: left;margin-right: 5px}
.pn-maps-country .row [class*='col-'] ul li a:hover{color: #c60b1e;}
.pn-maps-country .pn-wrapper-img-maps{position: relative;}
.pn-maps-country .pn-wrapper-img-maps img{position: absolute;top: 0;left: 0}
.pn-maps-country .pn-wrapper-img-maps img:not(.active):not(:first-child){filter: grayscale(100%);opacity: 0.2;}
.pn-service .pn-button{position: relative;z-index: 1}
@media only screen and (min-width: 1500px){
    .pn-banner .owl-carousel .pn-item .container .pn-title{font-size: 60px;line-height: 70px}
    .pn-banner .owl-carousel .pn-item .container .pn-wrapper{font-size: 18px;line-height: 25px}
    .pn-maps-country .row [class*='col-'] ul{padding-top: 80px}
    .pn-maps-country .row [class*='col-'] ul li:not(:last-child){margin-bottom: 23px}
    .pn-maps-country.pn-page-training .row [class*='col-'] ul{padding-top: 175px;}
.pn-maps-country.pn-page-training{min-height: 600px}
}
@media only screen and (min-width: 992px){
    .pn-maps-country .row [class*='col-']:nth-child(2){text-align: right;}
    .pn-maps-country .row [class*='col-']:nth-child(2) ul li a::before{float: right;margin: 0 0 0 5px;}
}
@media only screen and (max-width: 1199px){
    .pn-maps-country .row [class*='col-'] ul{padding-top: 50px}
    .pn-maps-country .row [class*='col-'] ul li:not(:last-child){margin-bottom: 11px}
    .pn-maps-country.pn-page-training .row [class*='col-'] ul{padding-top: 115px}
}
@media only screen and (max-width: 991px){
    .pn-banner .js-down{display: none}
    .pn-about,.pn-service,.pn-companion{padding-top: 50px}
    .pn-about .row{margin-bottom: 50px}
    .pn-about .row .pn-content{padding: 30px;max-width: 100%}
    .pn-library{padding: 50px 0}
    .pn-companion .pn-wrapper-item .pn-item strong{font-size: 30px}
    .pn-library .pn-item .pn-content .pn-sub-title{margin-bottom: 0;font-size: 15px;line-height: 20px}
    .pn-library .owl-carousel .owl-item .pn-item .pn-sub-title + p,.pn-news .row [class*='col-'] .pn-item .pn-content-hidden{display: none}
    .pn-news{padding: 50px 0 20px 0}
    .pn-library:after{display: none}
    .pn-companion .pn-wrapper{padding: 0}
    .pn-service .pn-wrapper :is(h1,h2,h3,h4,h5,h6){font-size: 20px;line-height: 25px}
    .pn-maps-country .pn-wrapper-img-maps img:not(:first-child){display: none}
.pn-maps-country.pn-page-training{min-height: 400px}
}
@media only screen and (max-width: 767px){
    .pn-about .row{padding: 0 15px}
    .pn-about .row [class*='col-'] .pn-content{padding: 0;background-color: transparent;box-shadow: none;position: inherit}
    .pn-about .row:nth-child(odd) [class*='col-'] .pn-content{left: inherit;text-align: left}
    .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; text-align: left}
    .pn-about .row:nth-child(even) [class*='col-'] .pn-content .pn-sub-title{text-align: center}
    .pn-companion .pn-wrapper-item{min-height: inherit}
    .pn-companion .pn-wrapper-item .pn-item{transform: inherit !important;transition: inherit}
    .pn-companion .pn-wrapper-item .pn-item:nth-child(1){margin-top: 160px;margin-right: -150px}
    .pn-companion .pn-wrapper-item .pn-item:nth-child(3) {margin-top: 160px;margin-left: -150px}
    .pn-news .row{display: flex;flex-wrap: wrap;justify-content: center}
    .pn-maps-country .row{display: block}
    .pn-maps-country .pn-wrapper-img-maps img{position: initial;}
    .pn-maps-country .row [class*='col-'] ul{padding-top: 0;display: flex;flex-wrap: wrap;}
.pn-maps-country.pn-page-training{min-height: inherit}
.pn-maps-country.pn-page-training .row [class*='col-'] ul{padding-top: 0}
.pn-maps-country .row [class*='col-'] ul li{width: calc(100% / 3)}
}
@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 .row{display: block;margin-bottom: 30px}
    .pn-about .row [class*='col-'].pn-image{margin-bottom: 15px}
    .pn-about .row [class*='col-'] .pn-content{top: inherit;transform: inherit}
    .pn-about, .pn-service, .pn-companion,.pn-news{padding-top: 30px}
    .pn-companion .pn-wrapper{margin-bottom: 30px}
    .pn-companion .pn-wrapper-item .pn-item{width: 200px;height: 200px;padding: 15px 50px}
    .pn-companion .pn-wrapper-item .pn-item:nth-child(1),.pn-companion .pn-wrapper-item .pn-item:nth-child(3){margin-top: 140px !important}
    .pn-companion .pn-wrapper-item .pn-item:nth-child(1){margin-right: -120px !important}
    .pn-companion .pn-wrapper-item .pn-item:nth-child(3){margin-left: -120px !important}
    .pn-news .row [class*='col-']{width: 50%}
    .pn-news .row [class*='col-'] .pn-item .pn-content{padding: 0 15px 15px 15px}
    .pn-library{padding: 30px 0}
    .pn-library .owl-carousel .owl-stage-outer{padding: 0}
    .pn-library .owl-carousel .owl-item.active.center{transform: scale(1)}
    //.pn-maps-country .row [class*='col-']:not(:first-child){width: 50%;float: left}
.pn-maps-country .row [class*='col-'] ul li{width: 50%}
}
@media only screen and (max-width: 480px){
    .pn-news .row [class*='col-']{width: 100%}
    .pn-library .pn-item .pn-content{height: 100%;padding: 15px}
    .pn-library .pn-item .pn-content > a{margin-bottom: 0;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%)}
    .pn-library .pn-item .pn-content .pn-sub-title{position: absolute;bottom: 15px;left: 0;width: 100%}
    .pn-companion{padding-bottom: 15px}.pn-library .pn-item .pn-content>span{display:none;}
    .pn-companion .pn-wrapper-item{display: block}
    .pn-companion .pn-wrapper-item .pn-item{margin: 0 auto 15px auto;padding: 15px}
    .pn-companion .pn-wrapper-item .pn-item:nth-child(1), .pn-companion .pn-wrapper-item .pn-item:nth-child(3){margin-top: 0 !important}
    .pn-companion .pn-wrapper-item .pn-item:nth-child(1){margin-right: auto !important}
    .pn-companion .pn-wrapper-item .pn-item:nth-child(3){margin-left: auto !important}
    .pn-library .owl-carousel{padding: 0}.pn-service .pn-wrapper{text-align: center}
.pn-library .owl-carousel .owl-nav div{color: #c60b1e; background-color: #fff;width: 30px;height: 30px;line-height: 30px;border: none;font-size: 20px}
.pn-library .owl-carousel .owl-nav div.owl-next{right: 10px}
.pn-library .owl-carousel .owl-nav div.owl-prev{left: 10px}
.fancybox-nav span{opacity: 0.3}
}
@media only screen and (max-width: 370px){
    .pn-service .pn-wrapper :is(h1,h2,h3,h4,h5,h6){font-size: 17px;line-height: 22px}
    
.pn-service .pn-wrapper table tr:not(:last-child){display: block}
    .pn-service .pn-wrapper table tr td{display: block;margin-bottom: 10px;text-align: left;}
.pn-service .pn-wrapper table tr:not(:last-child) td{width: 100%;margin: 0 0 15px 0 !important}
.pn-maps-country.pn-page-training .row [class*='col-'] ul{display: flex; flex-wrap: wrap}
.pn-maps-country .row [class*='col-'] ul{display: block;}
}