.pn-procedure{padding: 0 100px}
.pn-procedure .pn-title{color: #000;margin: 90px 0 40px 0}
.pn-procedure ul{margin-bottom: 30px;list-style: none;padding-left: 0;display: flex;position: relative}
.pn-procedure ul:before{content: "";position: absolute;top: 32px;height: 2px;width: calc(100% - (calc(100% / 6)));background-color: #dadada;left: calc((100% / 6) / 2)}
.pn-procedure ul li{width: calc(100% / 6);text-align: center;padding: 70px 15px 0 15px;font-weight: 500;position: relative}
.pn-procedure ul li:before{position: absolute;width: 65px;height: 65px;border: 10px solid #fff;left: 50%;transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);top: 0;border-radius: 100px; line-height: 45px; color: #fff; font-size: 20px}
.pn-procedure ul li:nth-child(1):before{content: "1";background-color: #24a0ed}
.pn-procedure ul li:nth-child(2):before{content: "2";background-color: #0086d0}
.pn-procedure ul li:nth-child(3):before{content: "3";background-color: #006db5}
.pn-procedure ul li:nth-child(4):before{content: "4";background-color: #00559a}
.pn-procedure ul li:nth-child(5):before{content: "5";background-color: #003e7f}
.pn-procedure ul li:nth-child(6):before{content: "6";background-color: #002966}
.pn-wrapper{margin-bottom: 30px}
/* about */
.pn-about{padding-top: 90px;background-color: #f5f5f5;overflow: hidden}
.pn-about .pn-title{color: #000}
.pn-about .pn-sub-title{text-transform: uppercase;color: #0157ae;font-size: 20px;line-height: 25px;margin: 0 0 20px 0;font-weight: 900;display: block}
.pn-about .pn-sub-title + p{color: #000;font-weight: 500}
.pn-about .pn-content{position: relative;padding-left: 20px}
.pn-about .pn-content span{font-size: 100px;line-height: 100px;position: absolute;font-weight: 900;left: 0;top: -40px;color: rgba(0,0,0,.1)}
.pn-about .row{margin-bottom: 90px;display: flex;align-items: center}
.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}
/* album */
.pn-library{margin: 0 -15px}
.pn-library .pn-title{color: #000;font-family: 'Mulish', sans-serif;text-transform: uppercase;margin-bottom: 30px}
.pn-library .pn-col-img{padding: 0 15px}
.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,.3);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}
/* question */
.pn-wrapper-question{max-width: 1000px;margin: 0 auto}
.pn-wrapper-question .pn-title{color: #000;font-family: 'Mulish', sans-serif;text-transform: uppercase;margin-bottom: 30px}
.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-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: #0157ae}
.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: #0157ae}
.pn-wrapper-question .pn-wrapper-item .pn-item.active .pn-question:after{background-color: #0157ae;color: #fff;content: "\f105"}
.pn-wrapper-question .pn-wrapper-item .pn-item.active .pn-question{border-bottom: 0;font-weight: bold;color: #0157ae}
/* visa */
.pn-visa .pn-title{color: #000;font-family: 'Mulish', sans-serif;text-transform: uppercase;margin-bottom: 30px}
.pn-visa .row{display: flex;flex-wrap: wrap}
.pn-visa .row [class*='col-']{margin-bottom: 30px}
.pn-visa .row [class*='col-'] .pn-image{margin-bottom: 15px}
.pn-visa .row [class*='col-'] .pn-name{font-weight: bold;margin-bottom: 10px;display: block;font-size: 16px;line-height: 21px}
.pn-visa .row [class*='col-'] .pn-name + p{margin-bottom: 0}
/* feel */
.pn-page-feel .pn-title{color: #000;font-family: 'Mulish', sans-serif;text-transform: uppercase;margin-bottom: 30px}
.pn-page-feel .pn-wrapper-item .pn-item .row{padding: 80px 0 50px 0;align-items: center;display: flex}
.pn-page-feel .pn-wrapper-item .pn-item:nth-child(odd) .row{flex-direction: row-reverse}
.pn-page-feel .pn-wrapper-item .pn-item:nth-child(even){background-color: #fafafa}
.pn-page-feel .pn-wrapper-item .pn-item [class*='col-']{margin-bottom: 30px}
.pn-page-feel .pn-wrapper-item .pn-item [class*='col-'] .pn-image{position: relative}
.pn-page-feel .pn-wrapper-item .pn-item [class*='col-'] .pn-image img{width: 100%;position: relative}
.pn-page-feel .pn-wrapper-item .pn-item [class*='col-'] .pn-image:before{content: "";border: 2px solid #0157ae;position: absolute}
.pn-page-feel .pn-wrapper-item .pn-item [class*='col-'] .pn-content{background-color: #fff;padding: 70px 50px 20px 50px;box-shadow: 0 4px 10px rgba(0,0,0,.3);text-align: center;position: relative;width: calc(100% + 120px)}
.pn-page-feel .pn-wrapper-item .pn-item [class*='col-'] .pn-content:after { font-family: FontAwesome; content: "\f10e"; left: 50%;transform: translateX(-50%);-moz-transform: translateX(-50%);-webkit-transform: translateX(-50%);top: -34px; font-size: 45px; color: rgba(0,0,0,.2); position: absolute; }
.pn-page-feel .pn-wrapper-item .pn-item [class*='col-'] .pn-content .pn-wrapper-info{margin-bottom: 15px}
.pn-page-feel .pn-wrapper-item .pn-item [class*='col-'] .pn-content .pn-wrapper-info strong{display: block;font-size: 26px;line-height: 31px;color: #ee3625;margin-bottom: 10px}
.pn-page-feel .pn-wrapper-item .pn-item [class*='col-'] .pn-content .pn-wrapper-info span{display: inline-block;font-style: italic;border-bottom: 1px solid #dadada;padding-bottom: 15px}
.pn-page-feel .pn-wrapper-item .pn-item [class*='col-'] .pn-content .pn-wrapper{font-weight: 500;margin-bottom: 0;padding-bottom: 30px;text-align: left}
.pn-page-feel .pn-wrapper-item .pn-item:nth-child(odd) .pn-image{padding: 20px 20px 0 0}
.pn-page-feel .pn-wrapper-item .pn-item:nth-child(odd) .pn-image:before{top: 0;right: 0;left: 20px;bottom: 20px}
.pn-page-feel .pn-wrapper-item .pn-item:nth-child(even) .pn-image{padding:20px 0 0 20px}
.pn-page-feel .pn-wrapper-item .pn-item:nth-child(even) .pn-image:before{top: 0;right: 20px;left: 0;bottom: 20px}
.pn-page-feel .pn-wrapper-item .pn-item:nth-child(even) [class*='col-'] .pn-content{margin-left: -120px}
@media only screen and (min-width: 1500px){
    .pn-procedure{padding: 0 200px}
}
@media only screen and (min-width: 992px){
    .pn-about .row{margin: 0 -20px 90px -20px}
    .pn-about .row [class*='col-']{padding: 0 20px}
    body{background-image: url(../images/bg-body.png);background-repeat: no-repeat;background-size: 100%;background-position: center center;background-attachment: fixed}
    .pn-page-feel .pn-wrapper-item .pn-item .row{max-width: 1000px;margin: 0 auto;}
}
@media only screen and (max-width: 991px){
    .pn-procedure{padding: 0}
    .pn-about{padding-top: 50px}
    .pn-about .row{margin-bottom: 50px}
}
@media only screen and (min-width: 768px){
    .pn-about .pn-title,.pn-procedure .pn-title,.pn-wrapper-question .pn-title,.pn-library .pn-title,.pn-visa .pn-title,.pn-page-feel .pn-title{font-size: 26px;line-height: 31px}
    .pn-about .pn-wrapper-row .row:nth-child(even) [class*='col-'] .pn-content{text-align: right;padding-left: 0;padding-right: 20px}
    .pn-about .pn-wrapper-row .row:nth-child(even) [class*='col-'] .pn-content span{left: inherit;right: 0}
}
@media only screen and (max-width: 767px){
    .pn-about .pn-content span{font-size: 70px;line-height: 70px}
    .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: 30px}
    .pn-page-feel .pn-wrapper-item .pn-item .row{padding: 30px 0}
    .pn-page-feel .pn-wrapper-item .pn-item [class*='col-'] .pn-content{padding: 30px 15px 0 15px}
}
@media only screen and (max-width: 570px){
    .pn-about .row{margin-bottom: 30px;display: block;}
    .pn-visa .row [class*='col-']{width: 50%}
    .pn-about .row [class*='col-'].pn-image{margin-bottom: 15px}
    .pn-about{padding-top: 30px}
    .pn-about .pn-sub-title{font-size: 15px;line-height: 20px}
    .pn-procedure,.pn-about .pn-content span{display: none}
    .pn-about .pn-content{padding-left: 0}
    .pn-wrapper-question .pn-wrapper-item .pn-item .pn-question,.pn-wrapper-question .pn-wrapper-item .pn-item .pn-wrapper{padding-left: 0}
    .pn-wrapper-question .pn-wrapper-item .pn-item .pn-wrapper{padding-right: 0}
    .pn-wrapper-question .pn-wrapper-item .pn-item .pn-question{font-size: 14px}
    .pn-page-feel .pn-wrapper-item .pn-item .row{padding-bottom: 0;}
    .pn-page-feel .pn-wrapper-item .pn-item [class*='col-'] .pn-content{width: 100%}
    .pn-page-feel .pn-wrapper-item .pn-item:nth-child(even) [class*='col-'] .pn-content{margin: 0}
    .pn-page-feel .pn-wrapper-item .pn-item:nth-child(odd) .pn-image,.pn-page-feel .pn-wrapper-item .pn-item:nth-child(even) .pn-image{padding: 0}
    .pn-page-feel .pn-wrapper-item .pn-item [class*='col-'] .pn-image:before,.pn-page-feel .pn-wrapper-item .pn-item [class*='col-'] .pn-content:after{display: none}
    .pn-page-feel .pn-wrapper-item .pn-item [class*='col-'] .pn-content .pn-wrapper-info strong{font-size: 20px;line-height: 25px}
}
@media only screen and (max-width: 370px){
    .pn-about .row{display: block}
    .pn-visa .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}
    .pn-page-feel .pn-wrapper-item .pn-item{padding-top: 30px}
    .pn-page-feel .pn-wrapper-item .pn-item .row{display: block;flex-direction: inherit;padding: 0}
    .pn-page-feel .pn-wrapper-item .pn-item [class*='col-'] .pn-image{width: 150px;margin: 0 auto 50px auto;height: 150px;border-radius: 100px;overflow: hidden}
    .pn-page-feel .pn-wrapper-item .pn-item [class*='col-'] .pn-content{border-radius: 10px}
    .pn-page-feel .pn-wrapper-item .pn-item [class*='col-'] .pn-content:after{display: block}
}