*{padding: 0;margin: 0}a{transition: all ease .3s;color: #333}a:hover,a:focus{text-decoration: none !important;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;color:#d01f23}
body{font-size: 14px;line-height: 1.5;color: #333;font-family: 'Roboto Condensed', sans-serif;letter-spacing: 0.2px;position: relative}
strong{font-weight: 700}
.pn-wrapper img{max-width: 100%;height: auto}
.pn-logo{display: table;float: left}.pn-logo a{display: table-cell;height: 110px;vertical-align: middle}.pn-logo img{max-width: 100%;max-height: 100%}
.pn-menu{margin-bottom: 0;list-style: none;float: right;margin: 35px 0}
.pn-menu li{float: left;margin-left: 25px}
.pn-menu li:first-child{margin-left: 0}
.pn-menu li span{display: block;font-size: 18px;line-height: 23px;padding: 10px 25px 7px 25px;color: #fff;background-color: #d01f23;border-radius: 20px;cursor: pointer}
.pn-wrapper-progress .row{margin: 70px -40px 40px -40px;text-align: center}
.pn-wrapper-progress .row [class*="col-"]{text-align: center;padding: 0 40px;display: inline-block;float: none;vertical-align: top;margin-bottom: 30px}
.pn-wrapper-progress .row [class*="col-"] p{color: #8e8e8e;margin-bottom: 0}
.pn-wrapper-progress .pn-wrapper p:last-child{margin-bottom: 0}
.indicatorContainer{margin-bottom: 20px}
.pn-bg{background-color: #ececec;margin: 0 auto 70px auto;padding: 30px;text-align: center;position: relative}
.pn-plus:before,.pn-plus:after{position: absolute;font-family: "FontAwesome";content: "\f067";color: #60aaeb;font-size: 25px;line-height: 25px}
.pn-plus:before{left: -9px;top: -10px}
.pn-plus:after{right: -9px;bottom: -10px}
.pn-wrapper-progress .pn-plus{max-width: 730px;padding-left: 150px}
.pn-wrapper-progress .pn-plus > span{position: absolute;left: -93px;top: 50%;transform: translateY(-50%);font-size: 50px;line-height: 50px;color: #eb6067;font-weight: bold}
.pn-you-know .pn-bg{text-align: left}
.pn-you-know .pn-bg [class*='col-']{padding: 20px 15px 20px 15px}
.pn-you-know .pn-bg strong{display: block;font-size: 30px;line-height: 30px;color: #eb6067;margin-bottom: 10px}
.pn-four-item .row [class*='col-']:nth-child(4n + 1),.pn-three-item .row [class*='col-']:nth-child(3n + 1){clear: both}
.pn-title{text-transform: uppercase;margin-bottom: 30px;color: #707070;font-weight: bold;font-size: 40px;line-height: 45px;text-align: center}
.pn-image{display: block;position: relative;overflow: hidden}
.pn-image img{min-width: 100%}
#pn-content{margin-bottom: 50px}
#pn-content .pn-item .pn-wrapper{color: #707070}
#pn-content .pn-item .pn-image{width: 50%;float: left}
#pn-content .pn-item .pn-content .pn-name{display: block}
#pn-content .pn-wrapper-item .pn-item:nth-child(even) .pn-image{float: right}
#pn-content .pn-wrapper-item .pn-item .pn-image{overflow: inherit}
#pn-content .pn-wrapper-item .pn-item .pn-image img{width: 100%}
#pn-content .pn-wrapper-item .pn-item .pn-image span{position: absolute;text-transform: uppercase;font-size: 18px;font-weight: bold;top: 15px;z-index: 1;background-color: #fff;line-height: 23px;padding: 7px 15px 4px 20px;color: #d01f23}
#pn-content .pn-wrapper-item .pn-item .pn-image span:before{content: "";width: 0;height: 0;position: absolute;top: 100%}
#pn-content .pn-wrapper-item .pn-item:nth-child(odd) .pn-image span:before{ border-top: 8px solid #d3d3d3; border-left: 0px solid transparent; border-right: 7px solid transparent; border-bottom: 8px solid transparent; right: 0; }
#pn-content .pn-wrapper-item .pn-item:nth-child(even) .pn-image span:before{ border-top: 8px solid #d3d3d3; border-left: 7px solid transparent; border-right: 0 solid transparent; border-bottom: 8px solid transparent; left: 0; }
#pn-content .pn-wrapper-item .pn-item .pn-content{padding: 20px 0}
#pn-content .pn-wrapper-item .pn-item:nth-child(odd) .pn-image{margin-right: 20px}
#pn-content .pn-wrapper-item .pn-item:nth-child(even) .pn-image{margin-left: 20px}
#pn-content .pn-wrapper-item .pn-item:nth-child(odd) .pn-image span{right: -7px; border-radius: 17px 0 0 17px; box-shadow: 2px 0px 5px rgba(0,0,0,.3)}
#pn-content .pn-wrapper-item .pn-item:nth-child(even) .pn-image span{left: -7px; border-radius: 0 17px 17px 0; box-shadow: -2px 0px 5px rgba(0,0,0,.3)}
.pn-course .row{text-align: center;margin: 0 -65px}
.pn-course .row [class*='col-']{float: none;vertical-align: top;display: inline-block;padding: 0 65px;margin-bottom: 70px}
.pn-course .row [class*='col-'] .pn-image{border: 2px solid #60aaeb;border-radius: 20px;}
.pn-course .pn-plus{max-width: 800px;font-weight: bold;font-size: 44px;line-height: 49px;text-transform: uppercase}
.pn-course .pn-plus p:last-child{margin-bottom: 0}
.pn-coach{margin-bottom: 70px}
.pn-coach table tr td{vertical-align: top}
.pn-coach .pn-title{text-align: left;margin-bottom: 5px}
.pn-coach .pn-title span{display: block;color: #eb6067;font-size: 24px;line-height: 29px;margin-bottom: 20px}
.pn-coach tr:nth-child(1) > td:nth-child(1){width: 330px;padding-right: 30px}
.pn-coach tr:nth-child(1) > td strong{font-size: 30px;display: block;text-transform: uppercase;text-align: center}
.pn-coach table tr:nth-child(2) td p{text-align: center;font-style: italic;max-width: 900px;margin: 50px auto 0 auto;padding-bottom: 30px;position: relative}
.pn-coach table tr:nth-child(2) td p:before{content: "";position: absolute;left: 50%;bottom: 0;height: 1px;width: 300px;background-color: #707070;transform: translateX(-50%);font-size: 18px;line-height: 23px}
.pn-coach .pn-avatar{height: 300px}
.pn-coach .pn-avatar + p{ color: #707070; text-transform: uppercase; font-size: 30px;line-height: 35px;font-weight: bold; text-align: center; }
.pn-coach .pn-avatar + p span{ color: #eb6067; text-shadow: -1px 0 1px rgba(0,0,0,.6); display: block; }
.pn-benefit .pn-item.pn-highlights .pn-wrapper,.pn-benefit .pn-item:hover .pn-wrapper{color: #eb6067}
.pn-benefit .pn-title{margin-bottom: 55px}
.pn-benefit .pn-item{position: relative;box-shadow: 0 0 5px rgba(0,0,0,.2);border-radius: 20px;background-color: #fff;margin: 0 20px 60px 20px}
.pn-benefit .pn-item .pn-wrapper{padding: 35px;font-size: 18px;line-height: 24px;color: #707070}
.pn-benefit .pn-item:after{content: "";left: 0;top: 3px;background-color: #60aaeb;position: absolute;width: 100%;height: 100%;border-radius: 20px;z-index: -1}
.pn-benefit .pn-item > span{position: absolute;display: block;background-color: #ececec;width: 50px;height: 50px;text-align: center;line-height: 50px;font-weight: bold;color: #eb6067;font-size: 26px;border-radius: 100%;left: -25px;top: -25px}
.pn-comments .pn-title{color: #60aaeb}
.pn-comments .pn-item{text-align: center;border-radius: 50px;margin-top: 85px;position: relative}
.pn-comments .pn-item.pn-bg{padding: 80px 20px 20px 20px}
.pn-comments .pn-item .pn-avatar{width: 155px;height: 155px;display: block;border: 3px solid #fff;position: absolute;top: -85px;left: 50%;transform: translateX(-50%)}
.pn-comments .pn-item .pn-name{font-size: 14px;line-height: 19px;color: #707070}
.pn-comments .pn-item .pn-name span{display: block;text-transform: initial;font-size: 18px;line-height: 23px;color: #eb6067;margin-bottom: 5px}
.pn-comments .pn-item .pn-wrapper{font-size: 14px;line-height: 20px;color: #707070;font-style: italic}
.pn-tuition.pn-bg{margin-bottom: 50px;padding: 30px 0 50px 0}
.pn-tuition .pn-wrapper{background-color: #fff;padding: 50px;border-radius: 50px;box-shadow: 0 2px 8px rgba(0,0,0,.2);max-width: 700px;margin-left: auto;margin-right: auto}
.pn-tuition .pn-address{text-align: left;padding-bottom: 35px;margin-bottom: 35px;border-bottom: 1px dotted #c8c8c8;position: relative}
.pn-tuition .pn-address:before,.pn-tuition .pn-address:after{content: "";position: absolute;width: 40px;height: 40px;border-radius: 100%;background-color: #fff;box-shadow: 0 2px 8px rgba(0,0,0,.2);bottom: -20px}
.pn-tuition .pn-address:before{left: -70px}
.pn-tuition .pn-address:after{right: -70px}
.pn-tuition .pn-price{text-transform: uppercase;font-weight: bold}
.pn-button{color: #fff;font-size: 30px;background-color: #eb6067;line-height: 35px;padding: 10px 20px;border: none;font-weight: bold;border-radius: 27px;display: inline-block}
.pn-button:hover{color: #fff}.pn-button:focus{outline: none}
#pn-register{margin-bottom: 40px;text-align: center}
#pn-register .pn-title{font-size: 34px;line-height: 39px}
#pn-register .pn-left-content,#pn-register .pn-right-content{margin-bottom: 30px}
#pn-register .pn-left-content .pn-title{color: #eb6067}
#pn-register .pn-left-content .pn-wrapper{font-size: 16px;line-height: 21px;color: #707070}
#pn-register .pn-left-content .pn-hotline{display: inline-block;margin: 20px auto 0 auto;padding-top: 20px;border-top: 1px dotted #c8c8c8}
#pn-register .pn-left-content .pn-hotline strong{display: block}
#pn-register .pn-left-content .pn-hotline strong:not(.pn-button){font-size: 22px;line-height: 27px;color: #eb6067;margin-bottom: 5px}
#pn-register .pn-right-content .pn-button{font-size: 24px;line-height: 29px}
#pn-register .pn-right-content form input{width: 100%;border: none;border-bottom: 1px solid #c8c8c8;height: 40px;margin-bottom: 20px}
#pn-register .pn-right-content form input:focus{outline: none}
#clockdiv{margin: 0 -14px 20px -14px}
#clockdiv .pn-col{width: 25%;padding: 0 14px;float: left}
#clockdiv .pn-col strong{display: block;color: #707070;font-size: 14px;line-height: 19px;margin-bottom: 5px}
#clockdiv .pn-col p{margin-bottom: 0;width: 100%;height: 90px;font-weight: bold;color: #fff;background-color: #60aaeb;border-radius: 8px;font-size: 40px;line-height: 90px}
.pn-media{width: 840px;margin: 0 auto 50px auto}
.pn-media .row{margin: 0 -10px}
.pn-media .pn-video{height: 490px;margin-bottom: 30px;position: relative;cursor: pointer}
.pn-media .pn-video.actived:before{display: none}
.pn-media .pn-video iframe{width: 100%;height: 100%}
.pn-media .pn-video:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.4)}
.pn-media .pn-video span{ display: inline-block; width: 55px; height: 55px; border: 2px solid #fff; border-radius: 100%; z-index: 1; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);line-height: 55px;font-size: 20px;text-align: center}
.pn-media .pn-video span:before{font-family: "FontAwesome";content: "\f04b";color: #fff}
.pn-media .row [class*='col-']{padding: 0 10px}
.pn-media .row [class*='col-'] .pn-image{height: 165px;border: 1px solid #c8c8c8;border-radius: 10px;margin-bottom: 20px}
.pn-media .row [class*='col-'] .pn-image img{height: 100%}
.pn-partner{margin-bottom: 30px}
.pn-partner .owl-item{display: table}
.pn-partner a{display: table-cell;vertical-align: middle;height: 120px;width: 100%}
.pn-partner .owl-carousel .owl-item img{width: auto;max-width: 100%;margin: 0 auto;max-height: 100%}
.pn-name{display: inline-block;text-transform: uppercase;color: #444;margin-bottom: 15px;font-size: 20px;line-height: 25px;font-weight: bold}
.pn-avatar{border-radius: 100%;overflow: hidden}
.pn-avatar img{width: 100%}
footer{background-color: #333;color: #707070;font-size: 15px;line-height: 20px;border-top: 1px solid #d01f23}
footer .row [class*='col-']{margin-bottom: 30px}
footer .fa{font-size: 40px;line-height: 45px;color: #d01f23;margin-bottom: 10px}
footer a{display: inline-block;color: #707070;font-size: 15px;line-height: 20px}
footer a:hover{color: #d01f23}
footer.pn-bg{margin-bottom: 0;padding:30px 0 0 0}
.pn-gotop{ position: fixed; right: 15px; bottom: 15px; background-color: #d01f23; color: #fff; width: 40px; height: 40px; text-align: center; line-height: 40px; border-radius: 4px; font-size: 20px;z-index: 100}
.pn-gotop:focus,.pn-gotop:hover{color: #fff}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next{position: absolute;top: 50%;transform: translateY(-50%);font-size: 30px;}
.owl-carousel .owl-nav .owl-next{right: 15px}.owl-carousel .owl-nav .owl-prev{left: 15px}
.pn-banner.owl-carousel .owl-nav .owl-prev,.pn-banner.owl-carousel .owl-nav .owl-next{width: 40px;height: 40px;text-align: center;color: #fff;line-height: 40px;background-color: rgba(0,0,0,.4);border-radius: 4px}
.form-content.loading #form-content{opacity: 0;visibility:hidden}
.form-error{padding: 5px 10px;border: 1px solid #dd5a43;color: #dd5a43;margin-bottom: 15px;}.form-success{padding: 5px 10px;border: 1px solid #a7c9a1;color: #81a87b;margin-bottom: 15px;}
@media only screen and (min-width: 992px){
    header{top: -70px}
    header,.pn-logo,.pn-menu{transition: all ease .3s}
    header.fixed .pn-logo a{height: 80px}
    header.fixed .pn-menu{margin: 20px 0}
    header.fixed{top: 0;width: 100%;left: 0;background-color: #fff;z-index: 100;position: fixed;box-shadow: 0 2px 5px 1px rgba(0,0,0,.1)}
}
@media only screen and (max-width: 1199px){
    .pn-wrapper-progress .row,.pn-course .row{margin-left: -15px;margin-right: -15px}
    .pn-wrapper-progress .row [class*='col-'],.pn-course .row [class*='col-']{padding-left: 15px;padding-right: 15px}
    #clockdiv .pn-col p{font-size: 22px;line-height: 70px;height: 70px}
}
@media only screen and (max-width: 991px){
    .container{width: 100%}
    .pn-media{width: 100%;padding: 0 15px}
    header{position: relative;text-align: center}
    .pn-logo{float: none;margin: 0 auto}
    .pn-logo a{height: 90px}
    .pn-menu{margin: 10px 0;float: none;display: inline-block}
    .pn-wrapper-progress .pn-plus > span{ position: initial; display: block; transform: initial; left: initial; margin-bottom: 20px;font-size: 30px; line-height: 35px; margin-bottom: 15px}
    .pn-wrapper-progress .pn-plus{padding-left: 30px}
    .pn-title,.pn-course .pn-plus{font-size: 30px;line-height: 35px}
    #pn-register .pn-title{font-size: 24px;line-height: 29px}
    .pn-tuition .pn-address:before{left: -65px}
    .pn-tuition .pn-address:after{right: -65px}
    .pn-partner a{height: 80px}
}
@media only screen and (max-width: 767px){
    .pn-four-item .row [class*='col-']:nth-child(4n + 1),.pn-three-item .row [class*='col-']:nth-child(3n + 1){clear: inherit}
    .pn-four-item .row [class*='col-']:nth-child(2n + 1),footer .row [class*='col-']:nth-child(2n + 1),.pn-three-item .row [class*='col-']:nth-child(2n + 1){clear: both}
    .pn-benefit .pn-item .pn-wrapper{font-size: 14px;padding: 25px}
    .pn-course .row [class*='col-']{margin-bottom: 30px}
    .pn-menu li{margin-left: 12px}
    .pn-menu li span{font-size: 16px}
}
@media only screen and (max-width: 680px){
    .pn-media .pn-video{height: 330px}
    .pn-coach tr:nth-child(1) > td:nth-child(1){width: 100%;padding-right: 0;margin-bottom: 30px}
    .pn-coach table tr td{display: block}
    .pn-coach .pn-avatar{width: 300px;margin-left: auto;margin-right: auto}
}
@media only screen and (max-width: 570px){
    .pn-wrapper-progress .row{margin-top: 30px;margin-bottom: 0}
    .pn-wrapper-progress .row [class*='col-']{width: 100%}
    .pn-wrapper-progress .pn-plus,.pn-coach,.pn-bg{margin-bottom: 30px}
    .pn-title{font-size: 22px;line-height: 27px}
    .pn-you-know .row [class*='col-']{width: 100%;padding: 0;margin-bottom: 30px}
    .pn-benefit.pn-three-item .row [class*='col-']{width: 100%}
    .pn-course .pn-plus{font-size: 23px;line-height: 28px}
    .pn-tuition .pn-wrapper{padding: 30px}
    .pn-tuition .pn-address:before,.pn-tuition .pn-address:after{display: none}
    .pn-tuition .pn-wrapper *{font-size: 18px !important;line-height: 23px !important}
    #clockdiv{margin-left: -5px;margin-right: -5px}
    #clockdiv .pn-col{padding-left: 5px;padding-right: 5px}
    .pn-menu li{width: 50%;margin: 0 0 10px 0}
    .pn-menu li:nth-child(even){padding-left: 5px}
    .pn-menu li:nth-child(odd){padding-right: 5px}
}
@media only screen and (max-width: 480px){
    .pn-media .row [class*='col-'] .pn-image{height: 140px}
    #pn-content .pn-item .pn-image, #pn-content .pn-item .pn-content,.pn-course .row [class*='col-']{width: 100%}
    #pn-content .pn-item .pn-content{padding-left: 0 !important;padding-right: 0 !important}
    .pn-course .row [class*='col-'] .pn-image{height: 200px}
    .pn-media .pn-video{height: 285px}
    footer .fa{font-size: 30px;line-height: 35px}
    .pn-button,#pn-register .pn-right-content .pn-button{font-size: 20px;line-height: 25px}
    .pn-coach .pn-avatar + p{font-size: 20px;line-height: 25px}
    #pn-content .pn-wrapper-item .pn-item:nth-child(odd) .pn-image{margin-right: 0}
    #pn-content .pn-wrapper-item .pn-item:nth-child(even) .pn-image{margin-left: 0}
    #pn-content .pn-wrapper-item .pn-item .pn-image{margin-bottom: 15px}
    #pn-content .pn-item .pn-content .pn-name{font-size: 16px;line-height: 22px}
    #pn-content .pn-wrapper-item .pn-item{margin-bottom: 30px}
    #pn-content .pn-wrapper-item .pn-item .pn-content{padding: 0}
}
@media only screen and (max-width: 370px){
    .pn-media .row [class*='col-']{width: 100%}
    .pn-media .pn-video{height: 215px}
    .pn-media .row [class*='col-']:last-child .pn-image{margin-bottom: 0}
    .pn-coach .pn-avatar{width: 200px;height: 200px}
    .pn-coach table tr:nth-child(2) td p:before{width: 80%}
}