.pn-about {margin-bottom: 30px}
.pn-about .pn-title + .pn-wrapper{width: 100%;text-align: initial}
/**/
.pn-step{padding: 60px 0 30px 0;background-color: #f5f6f8;margin-bottom: 60px}
.pn-step .pn-wrapper-col{display: flex;margin: 0 -15px;flex-wrap: nowrap;overflow-x: auto}
.pn-step .pn-wrapper-col.smaller-default{justify-content: center}
.pn-step .pn-wrapper-col .pn-col{flex: 0 0 20%;min-width: 20%;;text-align: center;position: relative;margin-bottom: 30px;padding: 0 15px}
.pn-step .pn-wrapper-col .pn-col:not(:first-child):before{content: "";position: absolute;width: 45%;height: 5px;left: -22.5%;top: 42.5px;background-image: radial-gradient(circle at 2.5px 2.5px, #e4e4e5 2.5px, transparent 0);background-size: 14px 14px;pointer-events: none;}
.pn-step .pn-wrapper-col .pn-col:not(:first-child):after{content: "";position: absolute;width: 0;height: 5px;left: -22.5%;top: 42.5px;background-color: var(--primary-color);transition: .5s;transform-origin: left;border-radius: 20px;pointer-events: none}
.pn-step .pn-wrapper-col .pn-col:not(:first-child).active:after{width: 45%;}
.pn-step .pn-wrapper-col .pn-col > p{margin-bottom: 25px}
.pn-step .pn-wrapper-col .pn-col > p > span{display: flex;align-items: center;justify-content: center;width: 90px;height: 90px;background-color: #e4e4e5;border-radius: 50%;margin: 0 auto;position: relative;padding: 10px}
.pn-step .pn-wrapper-col .pn-col > div span{display: block;}
.pn-step .pn-wrapper-col .pn-col > div p{margin: 5px 0 0 0;}
.pn-step .pn-wrapper-col .pn-col > p > span img{width: auto;height: auto;max-width: 100%;max-height: 100%;}
.pn-step .pn-wrapper-col .pn-col.active > p > span{background-color: var(--primary-color);transition: all ease .3s;}
.pn-step .pn-wrapper-col .pn-col.active > p > span img{filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1);transition: all ease-in .3s;}
.pn-step .pn-wrapper-col .pn-col > div span{font-weight: bold;line-height: 24px;text-transform: uppercase}
.pn-step .pn-wrapper-col .pn-col.active > div{color: var(--primary-color)}
/**/
.pn-filter{border: 1px solid #e4e4e5;border-radius: 100px;background-color: #f5f6f8;padding: 20px 30px;margin-bottom: 50px}
.pn-filter .pn-wrapper-col{margin: 0 -10px;display: flex;align-items: end;flex-wrap: wrap}
.pn-filter .pn-wrapper-col .pn-col{padding: 0 10px;width: 20%;min-width: 20%}
.pn-filter label{display: block;padding-left: 15px}
.pn-filter .select2-container--default .select2-selection--single{background-color: transparent;border: none;height: 40px}
.pn-filter .select2-container--default .select2-selection--single .select2-selection__rendered{line-height: 40px;border: 1px solid #e4e4e5;border-radius: 100px;background-color: #fff}
.pn-filter .select2-container .select2-selection--single .select2-selection__rendered{padding-left: 20px;padding-right: 10px;border-radius: 100px}
.pn-filter .select2-container--default .select2-selection--single .select2-selection__arrow{height: 100%;right: 5px}
.pn-filter .form-control{height: 40px;line-height: 40px;border: 1px solid #e4e4e5;border-radius: 100px;background-color: #fff;padding: 0 20px;box-shadow: none}
.pn-filter .form-control:focus{outline: none;box-shadow: none}
.pn-filter button{border-radius: 100px;width: 100%;padding: 9px 30px}
.pn-filter button .fa{margin-left: 5px}
.pn-filter .pn-wrapper-input-date{position: relative;background-color: #fff;height: 40px;border: 1px solid #e4e4e5;border-radius: 100px;padding: 5px 40px 5px 20px;width: 100%}
.pn-filter .pn-wrapper-input-date input{width: 100%;background-color: transparent;border: none;box-shadow: none;padding: 0;height: 100%}
.pn-filter .pn-wrapper-input-date input:focus{outline: none;box-shadow: none}
.pn-filter .pn-wrapper-input-date:after{position: absolute;width: 30px;height: 30px;background-color: #e4e4e5;border-radius: 100px;font-family: "FontAwesome";content: "\f274";display: flex; align-items: center; justify-content: center; right: 5px; top: 5px;padding: 0 0 2px 2px}
.pn-results-fast{background-color: var(--primary-color);padding: 30px 5px 5px 5px;border-radius: 30px;margin-bottom: 30px;position: relative;background-image: url('../images/bg-service-fast.jpg');background-repeat: no-repeat;background-position: center -60px}
.pn-results-fast h3{font-size: 28px;font-weight: bold;line-height: 42px;padding-top: 100px;margin: 0 0 25px 0;text-align: center;position: relative;color: #fff}
.pn-results-fast h3:before{content: "";position: absolute;width: 67px;height: 75px;background-image: url('../images/icon.png');background-repeat: no-repeat;background-position: -34px -27px;left: 50%;transform: translateX(-50%);top: 0}
.pn-results-fast:before{content: "";position: absolute;width: 136px;height: 136px;background-image: url('../images/icon.png');background-repeat: no-repeat;background-position: -117px -2px;top: -20px;right: -6px}
.pn-results-fast > div{background-color: #f5f6f8;border-radius: 30px;padding: 10px}
.pn-results-fast > div > p{font-size: 20px;line-height: 26px;text-align: center;margin: 10px 0 15px 0}
.pn-results-fast > div > p strong{display: inline-block;position: relative;padding-left: 50px;text-align: left}
.pn-results-fast > div > p strong:before{content: "";width: 35px;height: 23px;background-image: url('../images/icon.png');background-repeat: no-repeat;background-position: -33px 0;position: absolute;left: 0;top: 0}
.pn-results-fast .pn-wrapper{margin-bottom: 0;}
.pn-results-fast .pn-wrapper ul{list-style: none;padding-left: 0;margin-bottom: 0;}
.pn-results-fast .pn-wrapper ul li{background-color: #fff;border-radius: 10px;padding: 10px 20px;display: flex;min-height: 80px;align-items: center;margin-bottom: 10px;}
/**/
.pn-list-calendar .pn-item{background-color: var(--primary-color);border-radius: 30px;padding: 5px;;display: flex;background-image: url('../images/bg-item-level.jpg');background-repeat: no-repeat;background-position: left center;margin-bottom: 30px;background-size: auto 100%}
.pn-calendar{margin-bottom: 30px}
.pn-calendar ul{list-style: none;padding-left: 0}
.pn-list-calendar .pn-item-left{color: #fff;padding: 10px 20px;width: 40%}
.pn-list-calendar .pn-item-left > strong,.pn-list-calendar .pn-item-left > p strong{display: block;margin-bottom: 10px}
.pn-list-calendar .pn-item-left > strong:first-child{font-size: 32px;line-height: 42px;margin-bottom: 0}
.pn-list-calendar .pn-item-left .pn-amount{font-size: 32px;line-height: 32px}
.pn-list-calendar .pn-item-left > .pn-level{font-size: 80px;line-height: 80px;margin-bottom: 20px}
.pn-list-calendar .pn-item-left ul{margin-bottom: 25px}
.pn-list-calendar .pn-item-left ul li{position: relative;padding-left: 30px;margin-bottom: 10px}
.pn-list-calendar .pn-item-left ul li:before{content: "";position: absolute;left: 0;top: 0;background-image: url('../images/icon.png');background-repeat: no-repeat;filter: brightness(0) invert(1);
-webkit-filter: brightness(0) invert(1)}
.pn-list-calendar .pn-item-left ul li.pn-date-exam:before{background-position: 0 -124px;width: 20px;height: 20px}
.pn-list-calendar .pn-item-left ul li.pn-location-exam:before{background-position: 0 -145px;width: 19px;height: 21px}
.pn-list-calendar .pn-item-left ul li.pn-deadline-exam:before{background-position: 0 -167px;width: 20px;height: 20px}
.pn-list-calendar .pn-item-left ul li strong{margin-right: 5px}
.pn-list-calendar .pn-item-left > p{margin-bottom: 0;}
.pn-list-calendar .pn-item-right{width: 60%;background-color: #fff;border-radius: 10px 30px 30px 10px;padding: 30px 20px;display: flex;flex-direction: column;justify-content: space-between}
.pn-list-calendar .pn-item-right .pn-button{border: none;width: 100%;text-transform: capitalize}
.pn-list-calendar .pn-item-right ul{margin-bottom: 30px}
.pn-list-calendar .pn-item-right ul li{margin-bottom: 18px;position: relative}
.pn-list-calendar .pn-item-right ul li:not(.pn-full-part){padding-right: 100px}
.pn-list-calendar .pn-item-right ul li label{margin-bottom: 0;cursor: pointer;font-weight: normal}
.pn-list-calendar .pn-item-right ul li label input{display: none}
.pn-list-calendar .pn-item-right ul li label > span{padding-left: 75px;position: relative;display: inline-block;line-height: 27px}
.pn-list-calendar .pn-item-right ul li > div{position: absolute;right: 0;top: 3px}
.pn-list-calendar .pn-item-right ul li label > span:before{content: "";position: absolute;width: 27px;height: 27px;border-radius: 5px;border: 2px solid #ef868a;left: 0;top: 0;font-family: "FontAwesome";content: "\f00c";color: #fff;display: flex;align-items: center;justify-content: center}
.pn-list-calendar .pn-item-right ul li label input:checked + span:before{background-color: var(--primary-color);border-color: var(--primary-color);display: flex;align-items: center;justify-content: center}
.pn-list-calendar .pn-item-right ul li label input:disabled + span:before{background-color: #e4e4e5;border-color: #e4e4e5;color: #aaa;content: "";}
.pn-list-calendar .pn-item-right ul li label > span img{position: absolute;left: 40px;top: 2px}
.pn-calendar-report{padding-top: 10px;color: #f00;font-style: italic;}
/**/
.pn-structure{padding-top: 60px;background-color: #f5f6f8}
.pn-structure .pn-title{text-align: left}
.pn-structure .pn-title + p{margin-bottom: 20px;margin-top: -20px}
.pn-structure .pn-title + p a{display: inline-block;line-height: 21px;color: #345aff}
.pn-structure .pn-title + p a .fa{margin-left: 8px}
.pn-structure .pn-title + p a:hover{color: var(--primary-color)}
.pn-structure .row{display: flex;flex-wrap: wrap}
.pn-structure .row:before,.pn-structure .row:after{display: none}
.pn-structure .row [class*='col-']:first-child{padding-bottom: 200px}
.pn-structure .row [class*='col-']:first-child{padding-right: 25px}
.pn-structure .row [class*='col-']:nth-child(2){padding-left: 25px}
.pn-structure .row [class*='col-']:first-child{background-image: url('../images/bg-image-structure.png');background-repeat: no-repeat;background-size: contain;background-position: bottom center}
.pn-structure ul{list-style: none;padding-left: 0;margin-bottom: 0}
.pn-structure .pn-list-level{display: flex;justify-content: center;flex-wrap: wrap;margin: 0 -20px}
.pn-structure .pn-list-level li{width: 25%;margin-bottom: 30px;padding: 0 20px}
.pn-structure .pn-list-level li span{display: block;line-height: 21px;padding: 9px 10px 10px 10px;border-radius: 100px;;color: #fff;text-align: center;font-weight: bold;cursor: pointer}
.pn-structure .pn-list-level li:not(.active) span{background-color: #000}
.pn-structure .pn-list-level li.active span,.pn-structure .pn-list-level li span:hover{background-color: var(--primary-color)}
.pn-structure .pn-item{display: flex;margin-bottom: 20px}
.pn-structure .pn-item .pn-item-left{width: 25%;background-color: var(--primary-color);border-radius: 20px 0 0 20px;color: #fff;position: relative;display: flex; align-items: center; padding: 30px 10px 30px 55px}
.pn-structure .pn-item .pn-item-left > span{width: 60px;border: 5px solid #fff;background-color: var(--primary-color);border-radius: 100px;height: 60px; display: flex; align-items: center; justify-content: center; position: absolute; left: -30px; top: 50%; transform: translateY(-50%)}
.pn-structure .pn-item .pn-item-left > span img{filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1)}
.pn-structure .pn-item .pn-item-left > div{text-align: center;font-weight: bold;white-space: pre-line;}
.pn-structure .pn-item .pn-item-left > div{font-size: 20px;line-height: 30px}
.pn-structure .pn-item .pn-item-right{padding: 10px 10px 10px 25px;width: 75%;position: relative;overflow: hidden;background: linear-gradient(135deg, rgba(255,255,255,1) 77%,rgba(251,226,227,1) 100%);;border-radius: 0 20px 20px 0;display: flex; flex-direction: column; justify-content: space-between}
.pn-structure .pn-item .pn-item-right > p{white-space: pre-line}
.pn-structure .pn-item .pn-item-right > ul{display: flex;flex-wrap: wrap}
.pn-structure .pn-item .pn-item-right > ul > li{white-space: nowrap}
.pn-structure .pn-item .pn-item-right > ul > li:not(:last-child){margin: 0 30px 10px 0}
.pn-structure .pn-item .pn-item-right > ul > li strong{display: inline-block;margin-right: 5px}
/**/
.pn-wrapper-pagination{padding-left: 40px;text-align: left}
.pagination li{margin: 0 10px 0 0}
/**/
.pn-content-error{ padding:100px 0; }.pn-content-error>p{ margin-bottom:40px; }.pn-content-error>p>img{ max-width:100%;height:auto; }.pn-content-error .pn-title{margin-bottom: 30px;}
.pn-content-error .pn-title + .pn-wrapper{margin-top: 0;}
@media only screen and (max-width: 1499px){
    .pn-results-fast h3{font-size: 22px;line-height: 32px}
    .pn-results-fast > div > p{font-size: 16px}
    /**/
    .pn-structure .pn-list-level{margin: 0 -10px}
    .pn-structure .pn-list-level li{margin-bottom: 20px;padding: 0 10px}
    .pn-structure .pn-list-level li span{font-size: 14px}
    .pn-structure .pn-item .pn-item-left{width: 25%;padding-left: 40px;}
    .pn-structure .pn-item .pn-item-left > div{font-size: 15px;line-height: 23px}
    .pn-structure .pn-item .pn-item-right{width: 75%;padding-left: 15px;}
    .pn-structure .pn-item .pn-item-right > ul > li{font-size: 13px;}
    .pn-structure .pn-item .pn-item-right > ul > li:not(:last-child){margin-right: 15px;}
}
@media only screen and (min-width: 1200px){
    .pn-structure .row [class*='col-'],.pn-calendar .row [class*='col-']{position: sticky;top: 100px}
}
@media only screen and (max-width: 1199px){
    /**/
    .pn-step .pn-wrapper-col .pn-col > div{font-size: 14px;line-height: 22px}
    .pn-step .pn-wrapper-col .pn-col > p > span{width: 70px;height: 70px;padding: 15px;}
    .pn-step .pn-wrapper-col .pn-col:not(:first-child):before,.pn-step .pn-wrapper-col .pn-col:not(:first-child):after{top: 32.5px}
    /**/
    .pn-filter{margin-bottom: 30px;}
    .pn-filter button{font-size: 14px}
    .pn-results-fast ul li{min-height: inherit}
    .pn-wrapper-pagination{padding-left: 0;text-align: center}
    /**/
    .pn-structure .pn-list-level li{width: 50%;margin-bottom: 10px;}
    .pn-structure .row [class*='col-']:first-child{padding-bottom: 0;}
    .pn-structure .pn-list-level{margin-bottom: 30px}
    .pn-structure .pn-item{display: block;border-radius: 20px;overflow: hidden;}
    .pn-structure .pn-item .pn-item-left,.pn-structure .pn-item .pn-item-right{width: 100%;border-radius: 0;padding: 10px 15px;}
    .pn-structure .pn-item .pn-item-left > span{position: initial;transform: initial;margin-right: 10px;}
    .pn-structure .pn-item .pn-item-left > div{text-align: left;}
    /**/
    .pagination li{margin: 0 5px}
}
@media only screen and (min-width: 992px){
    .pn-structure .pn-wrapper-item{margin-bottom: 60px;}
}
@media only screen and (max-width: 991px){
    .pn-about{margin-bottom: 0}
    /**/
    .pn-step{padding: 30px 0;margin-bottom: 30px}
    /**/
    .pn-filter{margin-bottom: 30px}
    .pn-list-calendar .pn-item-left > strong:first-child{font-size: 22px;line-height: 32px}
    .pn-list-calendar .pn-item-left > .pn-level{font-size: 60px;line-height: 60px}
    .pn-filter button .fa{display: none}
    .pn-filter button{padding-left: 15px;padding-right: 15px}
    .pn-calendar{margin-bottom: 0}
    /**/
    .pn-structure{padding-top: 30px}
    .pn-structure .row [class*='col-']:first-child{padding-right: 15px}
    .pn-structure .row [class*='col-']:nth-child(2){padding-left: 15px}
    .pn-structure .pn-wrapper-item{margin-bottom: 30px;}
}
@media only screen and (max-width: 767px){
    .pn-step .pn-wrapper-col .pn-col{flex: 0 0 25%;min-width: 25%}
    /**/
    .pn-filter{border-radius: 20px;padding: 30px}
    .pn-filter .pn-wrapper-col .pn-col{width: 50%;min-width: 50%;margin-bottom: 15px}
    .pn-filter .pn-wrapper-col .pn-col:last-child{width: 100%;min-width: 100%}
    .pn-filter button .fa{display: inherit}
    /**/
    .pn-structure .row{display: block;}
    .pn-structure .row [class*='col-']:first-child{background-image: none;}
}
@media only screen and (max-width: 570px){
    .pn-step .pn-wrapper-col .pn-col{flex: 0 0 calc(100% / 3);min-width: calc(100% / 3)}
    /**/
    .pn-filter{padding: 15px}
    .pn-list-calendar .pn-item{display: block}
    .pn-list-calendar .pn-item-left,.pn-list-calendar .pn-item-right{width: 100%}
    .pn-list-calendar .pn-item-right{border-radius: 10px 10px 30px 30px}
    .pn-list-calendar .pn-item-left > strong:first-child{font-size: 18px;line-height: 25px}
    .pn-list-calendar .pn-item-left > .pn-level{font-size: 50px;line-height: 50px}
    .pn-list-calendar .pn-item-right{display: block}
    /**/
    .pn-structure .pn-list-level{margin-bottom: 15px}
}
@media only screen and (min-width: 481px){
    .pn-choose-level > span{display: none}
}
@media only screen and (max-width: 480px){
    .pn-step .pn-wrapper-col .pn-col{flex: 0 0 50%;min-width: 50%}
    /**/
    .pn-filter .pn-wrapper-col .pn-col{width: 100%;min-width: 100%}
    .pn-list-calendar .pn-item-right ul li label > span img{display: none}
    .pn-list-calendar .pn-item-right ul li,.pn-list-calendar .pn-item-right ul li:not(.pn-full-part){padding-right: 0}
    .pn-list-calendar .pn-item-right ul li label > span{padding-left: 40px}
    .pn-list-calendar .pn-item-right ul li > div{display: block; position: initial; padding-left: 40px;font-style: italic}
    .pn-results-fast h3{font-size: 18px;line-height: 25px;padding-top: 85px}
    /**/
    .pn-choose-level{position: relative;margin-bottom: 30px}
    .pn-choose-level > span{cursor: pointer; padding: 10px 20px; display: block; background-color: #d7d7d7;border-radius: 100px;font-weight: bold}
    .pn-choose-level > span:after{font-family: "FontAwesome"; content: "\f107"; position: absolute; top: 0; right: 15px; height: 100%; display: flex; align-items: center}
    .pn-structure .pn-item .pn-item-right > ul > li{width: 100%;margin-right: 0}
    .pn-structure .pn-list-level{margin: 0;position: absolute;padding: 10px;background-color: #fff;border-radius: 10px;z-index: 1;display: block;box-shadow: 0 0 5px rgba(0,0,0,.2);left: 0;right: 0;top: calc(100% + 13px)}
    .pn-structure .pn-list-level:before{content: "";position: absolute;height: 0; width: 0; border-left: 10px solid #fff; border-bottom: 10px solid transparent; border-top: 10px solid transparent;right: 30px;top: -15px;transform: rotate(-90deg)}
    .pn-structure .pn-list-level li{padding: 0 5px;margin-bottom: 10px;width: 100%;padding: 0;margin-bottom: 5px}
    .pn-structure .pn-list-level li span{font-size: 13px}
    .pn-results-fast:before{display: none}
    .pn-structure .pn-list-level li:not(.active) span{background-color: #eee;color: var(--text-color)}
    .pn-choose-level:not(.active) .pn-list-level{display: none}
    .pn-choose-level.active > span:after{content: "\f106"}
    /**/
    .pn-content-error>p>img{transform: scale(0.7);}
    .pn-content-error .pn-title{ margin-bottom: 15px; }.pn-content-error .pn-button{ font-size: 14px; } 
    .pn-content-error{ padding: 60px 0 }
    .pn-content-error>p{margin-bottom: 10px;}
}
@media only screen and (max-width: 370px){
    .pn-list-calendar .pn-item{background-image: none}
    .pn-list-calendar .pn-item-left .pn-amount{font-size: 25px;line-height: 35px}
    /**/
    .pn-structure .pn-title + p a{font-size: 14px}
    .pn-structure .pn-list-level{margin: 0 -5px;margin-bottom: 20px}
    .pn-structure .pn-list-level li{width: 100%;padding: 0 5px}
}