:root{
    --color: #2f2f2f;
    --background-footer: #eff7ff;
    --color-footer: #2f2f2f;
    --color-footer-hover: #036eb7;
    --color-global: #036eb7;
    --color-text-global: #fff;
    --background-button: #8dc21f;
    --color-button: #fff
}
@font-face {
  font-family: 'SVN-Rosellinda Alyamore';
  font-style: normal;
  font-weight: normal;
  font-display: swap;
  src: url('../fonts/SVN-Rosellinda-Alyamore.otf') format('opentype');
}
a{color: var(--color);transition: all ease .3s}
a:hover,a:focus{text-decoration:none;color:var(--color-global)}
body{color: var(--color);background:#fff;line-height:1.5;font-family: "Open Sans", sans-serif;font-size:16px}
body.language_cn{font-family: "Noto Sans SC", sans-serif;letter-spacing: 1px;}
strong{font-weight: 700}.pn-wrapper img{max-width:100%;height: auto !important}
.pn-wrapper{margin-bottom: 30px}
.pn-wrapper ul,.pn-wrapper ol{list-style-position: inside;padding-left: 15px;}
.pn-wrapper iframe{max-width:100%;margin:15px auto}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{line-height:1.3}
header .pn-navtop{padding: 15px 0;background-color: var(--color-global);position: relative}
header .pn-navtop ul{list-style: none;padding-left: 0;margin-bottom: 0;display: flex;flex-wrap: nowrap;float: right}
header .pn-navtop ul li{margin-left: 20px}
header .pn-navtop ul li a{font-size: 1em;line-height: calc(1em + 5px);display: flex;align-items: center;padding: 5px 15px 5px 7px;border-radius: 100px;background-color: #fff}
header .pn-navtop ul li a:before{content: "";width: 40px;height: 40px;border-radius: 50%;background-image: url('../images/icon.png');background-repeat: no-repeat;margin-right: 10px}
header .pn-navtop ul li.pn-nav-question a{padding-right: 30px;}
header .pn-navtop ul li.pn-nav-question a:before{background-position: 0 0;margin-right: 20px;}
header .pn-navtop ul li a strong{font-weight:normal}
header .pn-navtop ul li.pn-nav-help a:before{background-position: 0 -40px}
header .pn-wrapper-menu{z-index: 1000;background-color: #fff}
header .pn-logo{display: flex ; align-items: center; margin: 18.5px 0; float: left}
header .pn-logo img{max-width: 100%;max-height: 43px;width: auto;height: auto;}
header.fixed .pn-wrapper-menu{position:fixed;top:0;width:100%;left:0;box-shadow: 0 0 15px rgba(0, 0, 0, .1)}
header .pn-menu ul{list-style: none;padding-left: 0;margin-bottom: 0}
header .pn-menu ul li a{font-size: 1em;line-height: calc(1em + 5px);display: block;text-transform: capitalize}
.pn-language{float: right;position: relative;padding: 3px 17px 3px 3px;border-radius: 5px;/*background-color: #f3f3f3;*/border: 1px solid #ddd;cursor: pointer;margin: 25.5px 0}
.pn-language:after{content: "";width: 0;height: 0;border-left: 4px solid transparent;border-right: 4px solid transparent;border-top: 5px solid #2f2f2f;position: absolute;right: 5px;top: 50%;transform:translateY(-50%)}
.pn-language ul{margin-bottom: 0;list-style: none;padding-left: 0;position: absolute;top: 100%;right: 0;display: flex;/*padding: 5px;*/background-color: #fff;z-index: 10;border: 1px solid #ddd;opacity: 0;visibility: hidden}
.pn-language.active ul{opacity: 1;visibility: visible}
.pn-language li{margin: 5px}
.pn-language li a{background-color: var(--color-global);color: var(--color-text-global);}
.pn-language .pn-en{width: 34px;height: 23px;/*background-image: url('../images/language.jpg');background-position: 0 0;background-repeat: no-repeat;text-indent: -9999px;*/display: inline-block;vertical-align: top;text-transform: uppercase;text-align: center;}
.pn-language .pn-cn{width: 34px;height: 23px;/*background-image: url('../images/language.jpg');background-position: 0 -23px;background-repeat: no-repeat;text-indent: -9999px;*/display: inline-block;vertical-align: top;text-transform: uppercase;text-align: center;}
footer{background-color: var(--background-footer);padding: 45px 0 15px 0;margin-top: 30px}
footer img{max-width: 100%;max-height: 100%;width: auto;height: auto}
footer .pn-title{text-align: left;margin-bottom: 15px;font-size: 16px;line-height: 21px}
footer ul{margin-bottom: 0;list-style: none;padding-left: 0}
footer .row [class*='col-']{margin-bottom: 30px}
footer .row [class*='col-']:nth-child(2) ul{display: flex;flex-wrap: wrap;margin: 0 -15px}
footer .row [class*='col-']:nth-child(2) ul li{width: 50%;margin-bottom: 15px;padding: 0 15px}
body:not(.language_cn) footer .row [class*='col-']:nth-child(2) ul li a{font-weight: bold}
footer .row [class*='col-']:nth-child(2) ul li a{font-weight: bold}
footer .pn-social a{float: left}
footer .pn-social a:not(:last-child){margin-right: 30px}
footer .pn-wrapper{margin-bottom: 0;}
.pn-image{display: block;text-align: center;overflow: hidden;margin-bottom: 10px;position: relative}
.pn-image img{width: 100%;height:auto;transition: .3s;-moz-transition: .3s;-webkit-transition: .3s}
.pn-image:hover img{transform: scale(1.2);-moz-transform: scale(1.2);-webkit-transform: scale(1.2)}
.pn-item{margin-bottom: 30px}
.pn-item .pn-name{font-weight: bold;font-size: 16px;line-height: 24px;margin-bottom: 10px;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden}
.pn-button{display: inline-block;vertical-align: top;font-size: 1em;line-height: calc(1em + 5px);font-weight: 600;background-color: var(--background-button);color: var(--color-button);padding: calc((50px - calc(1em + 5px))/2) 10px;min-width: 250px;border: none;text-align: center;border-radius: 100px;cursor: pointer}
.pn-button a{color: var(--color-button);transition: inherit;}
.pn-button:hover, .pn-button:hover a,.pn-button:focus, .pn-button:focus a{background-color: var(--color-global);color: var(--color-text-global)}
.pn-title{font-weight: bold;margin:0 0 45px 0;font-size:36px;line-height:46px;color: var(--color-global);position: relative;text-transform: uppercase;text-align: center}
.pn-title + .pn-wrapper{margin: -30px auto 30px auto;max-width: 700px;text-align: center;position: relative}
.form-control:focus{box-shadow: none;outline: none}
.form-control{height: 40px;border: none}
.pn-wrapper-scroll{padding-right: var(--gap);overflow-y: auto}
.pn-wrapper-scroll::-webkit-scrollbar {width: 3px}
.pn-wrapper-scroll::-webkit-scrollbar-track {background: #f1f1f1}
.pn-wrapper-scroll::-webkit-scrollbar-thumb {background: #888;width: 3px;border-radius: 3px}
.pn-wrapper-scroll::-webkit-scrollbar-thumb:hover {background: #b2e1d9}
textarea.form-control{resize: none}
select.form-control,.form-control::placeholder{color: rgba(0, 0, 0, .8)}
@keyframes coccoc-alo-circle-img-anim {
    0% {-webkit-transform: rotate(0) scale(1) skew(1deg);transform: rotate(0) scale(1) skew(1deg)}
    10% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);transform: rotate(-25deg) scale(1) skew(1deg)}
    20% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);transform: rotate(25deg) scale(1) skew(1deg)}
    30% {-webkit-transform: rotate(-25deg) scale(1) skew(1deg);transform: rotate(-25deg) scale(1) skew(1deg)}
    40% {-webkit-transform: rotate(25deg) scale(1) skew(1deg);transform: rotate(25deg) scale(1) skew(1deg)}
    50% {-webkit-transform: rotate(0) scale(1) skew(1deg);transform: rotate(0) scale(1) skew(1deg)}
    100% {-webkit-transform: rotate(0) scale(1) skew(1deg);transform: rotate(0) scale(1) skew(1deg)}
}
.pn-help{list-style: none;padding-left: 0;margin-bottom: 0;right: 15px;position: fixed;z-index: 100;background-color: #fff;padding:20px 13px 0 13px;border-radius: 10px;bottom: 15px;box-shadow: 0 0 15px rgba(0, 0, 0, .1)}
.pn-help li{margin-bottom: 20px}
.pn-help li #goTop{background-image: none;width: 39px; height: 39px; align-items: center; justify-content: center; border-radius: 10px; font-size: 25px; cursor: pointer;display: flex;background-color: #036eb7; color: #fff;border: 1px solid #fff}
.pn-hotline,.pn-messenger{display: inline-block;vertical-align: top;width: 39px;height: 39px;background-image: url('../images/icon.png');background-position: 0 -82px;background-repeat: no-repeat;text-indent: -9999px;border-radius: 10px}
.pn-messenger{background-position: 0 -123px}
.owl-carousel .owl-nav .owl-prev,.owl-carousel .owl-nav .owl-next{border: none;background-color: #fff;width: 40px;height: 40px;display: flex;min-width: 40px;border-radius: 100px;justify-content: center;align-items: center;font-size: 20px;position: absolute;top: 50%;transform: translateY(-50%);background-color: #fff;padding: 0}
.owl-carousel .owl-nav button span{background-image: url('../images/control.png');background-repeat: no-repeat;display: flex;align-items: center;justify-content: center;text-indent: -9999px;width: 15px;height: 11px;overflow: hidden}
.owl-carousel .owl-nav .owl-next span{transform: rotate(-180deg)}
.owl-carousel .owl-nav .owl-prev:hover,.owl-carousel .owl-nav .owl-next:hover{background-color: var(--color-global);color: var(--color-text-global)}
.owl-carousel .owl-nav .owl-prev:hover span,.owl-carousel .owl-nav .owl-next:hover span{filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1)}
.owl-carousel .owl-nav .owl-prev{left: 15px}
.owl-carousel .owl-nav .owl-next{right: 15px}
.owl-carousel .owl-dots{text-align: center;position: absolute;bottom: 20px;left: 50%;transform: translateX(-50%)}
.owl-carousel .owl-dots .owl-dot{width: 12px;height: 12px;min-width: 12px;display: inline-block;border-radius: 100px;background-color: #fff;transition: width .3s;border: none;margin: 0 5px;padding:0}
.owl-carousel .owl-dots .owl-dot.active{width: 40px}
.owl-carousel .owl-item .owl-lazy{transition: .3s !important}
/**/
.pn-banner{position: relative;margin: 0 0 60px 0}
.pn-banner .container{z-index: 1;position:absolute;left:50%;top: 40%;transform:translate(-50%, -50%);transition: all ease .7s;}
.pn-banner .owl-item .container.active {top: 50%;}
.pn-banner .container .pn-content{padding: 20px 0;width: 50%;color: #fff;text-align: center;}
.pn-banner .pn-item{margin-bottom: 0}
.pn-banner .pn-item .pn-image{margin-bottom: 0}
.pn-banner .pn-item .pn-image:hover img{transform: inherit}
.pn-banner .container .pn-content :is(h2){margin-top: 0}
.pn-banner .container .pn-content .pn-title-split span{display: block}
.pn-banner .container .pn-content .pn-title-split span:first-child{font-size: 135px; line-height: 135px; font-weight: 800; text-transform: uppercase; color: transparent; -webkit-text-stroke: 1px white; -webkit-mask-image: linear-gradient(to bottom, rgba(0, 0, 0, .9), rgba(0, 0, 0, 0)); -webkit-mask-repeat: no-repeat; -webkit-mask-size: 100% 100%}
.pn-banner .container .pn-content .pn-title-split span:nth-child(2){font-family: 'SVN-Rosellinda Alyamore';font-size: 120px;line-height: 120px;margin-top: -55px}
.pn-banner .container .pn-content .pn-wrapper{white-space: pre-line;font-size: 20px;line-height: 30px;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden}
/**/
.pn-form {padding-bottom: 60px}
.pn-form .pn-content{padding: 0 30px;background-color: var(--color-global);border-radius: 15px;position: relative}
.pn-form .pn-content:before{content: "";position: absolute;background-image: url('../images/bg-form.png');background-repeat: no-repeat;background-position: right center;background-size: cover;width: 100%;height: 100%;opacity: 0.4;top: 0;right: 0;border-radius: 15px}
.pn-form .pn-content .pn-title{text-align: left;color: var(--color-text-global);font-weight: 800}
.pn-form .pn-content .pn-title + .pn-wrapper{color: var(--color-text-global);text-align: left;margin-bottom: 30px;margin-left: inherit;margin-right: inherit;max-width: initial;}
.pn-form .pn-content .row .row [class*='col-']{margin-bottom: 15px}
.pn-form .pn-content > .row{display: flex;margin: 0}
.pn-form .pn-content > .row > [class*='col-']{padding: 40px 0 35px 0}
.pn-form .pn-content > .row:before,.pn-form .pn-content > .row:after{display: none}
.pn-form .pn-content label{color: var(--color-text-global)}
.pn-form .pn-content .form-control{height: 30px;border-radius: 100px}
.pn-form .pn-content .pn-image{position: absolute; right: -60px; bottom: 0; z-index: 1;margin-bottom: -30px;width: calc(100% + 45px);}
.pn-form .pn-content select + input{margin-top: 10px;}
.pn-form .pn-content .pn-image:hover img{transform: inherit}
.captcha-field {transform-origin: top left;margin-top: 15px;height: 50px;}
.captcha-field > div{transform: scale(0.7);transform-origin: top left}
.pn-form .pn-button{margin-top: 15px}
select.form-control{-webkit-appearance: none; -moz-appearance: none; background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='10' height='6'><polygon points='0,0 10,0 5,6' fill='black'/></svg>"); background-repeat: no-repeat; background-position: right 12px center; background-size: 10px 6px}
/**/
.breadcrumbs{margin-bottom: 20px}
.breadcrumbs a.active{color: var(--color-global)}
.pn-wrapper-pagination{text-align: center} 
.pagination{margin: 0;vertical-align: top}
.pagination li a{color: #2f2f2f}
.pagination>li>a, .pagination>li>span{padding: 0; text-align: center; font-size: 15px;  margin: 0 5px; width: 40px; height: 40px;min-width: 40px; border-radius: 5px !important; display: flex ; align-items: center; justify-content: center;border: none;}
.pagination li.active a,.pagination li:hover a,.pagination li.active:hover a{background-color: var(--color-global);color: #fff;border-color: inherit;border-color: var(--color-global)}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus{background-color: transparent;color: var(--color)}
.pn-sticky{position: sticky;top: 100px}
/**/
.show-xs{display: none}
.tooltip-inner {
  font-family: "Open Sans", sans-serif; 
  font-size: 14px; 
  line-height: 19px;                  
  color: var(--color);                      
  background-color: #fff;            
  padding: 15px;             
  border-radius: 6px;            
  text-shadow: none;
  text-align: left; 
  box-shadow: 0 5px 25px rgba(3, 110, 183,  0.15);
}
.tooltip.in{opacity: 1;}
.tooltip .tooltip-arrow::before {border-top-color: #fff; }
.tooltip .tooltip-arrow{border-bottom-color: #fff !important;border-top-color: #fff !important;}
.tooltip.top .tooltip-arrow{border-width: 10px 10px 0;bottom: -5px;}
.tooltip.bottom .tooltip-arrow{border-width: 0 10px 10px;top: -5px;}
@media only screen and (min-width: 1500px){
    .container{width:1440px}
    header .pn-wrapper-menu .pn-menu > ul > li{margin-right: 25px}
    .tooltip-inner{font-size: 16px;line-height: 21px;white-space: pre-line;}
}
@media only screen and (max-width: 1499px){
    body{font-size: 14px}
    header .pn-wrapper-menu .pn-menu > ul > li{margin-right: 15px}
    .pn-menu-home{display: none}
    /**/
    .pn-banner .container .pn-content .pn-wrapper{font-size: 16px;line-height: 21px}
    .pn-banner .container .pn-content .pn-title-split span:first-child{font-size: 110px;line-height: 110px}
    .pn-banner .container .pn-content .pn-title-split span:nth-child(2){font-size: 95px;line-height: 95px;margin-top: -45px}
    .pn-form .pn-content .pn-image{right: -45px;}.pn-form .pn-content .pn-image{width: calc(100% + 30px);}
}
@media only screen and (max-width: 1300px){
    
}
@media only screen and (max-width: 1199px){
    .pn-title{font-size: 35px;line-height: 45px}
    /**/
    .pn-banner .container .pn-content .pn-title-split span:first-child{font-size: 90px;line-height: 90px}
    .pn-banner .container .pn-content .pn-title-split span:nth-child(2){font-size: 60px;line-height: 70px}
    .pn-banner .container .pn-content .pn-wrapper{font-size: 14px}
}
@media only screen and (min-width: 992px){
    #close-menu{display: none}
    header .pn-navtop .pn-logo-mobile{display: none}
    header .pn-wrapper-menu{top: -70px;transition: all ease .5s}
    header .pn-wrapper-menu ul li.pn-menu-mobile{display: none}
    header .pn-wrapper-menu .pn-menu > p{display: none}
    header .pn-wrapper-menu .pn-menu{text-align: center;display: flex;align-items: center;justify-content: end}
    header .pn-wrapper-menu .pn-menu > ul > li{padding: calc((80px - calc(1em + 5px))/2) 0;float: left}
    header .pn-wrapper-menu .pn-menu > ul > li.active > a,header .pn-wrapper-menu .pn-menu > ul > li:hover > a{color: #036eb7}
    header .pn-wrapper-menu .pn-menu ul li{position: relative}
    header .pn-wrapper-menu .pn-menu ul li a{display: block;font-weight: 600}
    body.language_cn header .pn-wrapper-menu .pn-menu ul li a{font-weight: 400;}
    header .pn-wrapper-menu .pn-menu ul li ul{position: absolute;top: 100%;text-align: left;left: 0;z-index: 10;box-shadow: 0 3px 5px rgba(0,0,0,.2);width: calc(100% + 50px);padding-top: 3px;opacity: 0;visibility: hidden}
    header .pn-wrapper-menu .pn-menu ul li:hover > ul{opacity: 1;visibility: visible}
    header .pn-wrapper-menu .pn-menu ul li ul li{margin: 0 !important;}
    header .pn-wrapper-menu .pn-menu ul li ul li a{padding: 10px 15px;background-color: #fff;border-radius: 5px;margin-bottom: 1px;}
    header .pn-wrapper-menu .pn-menu ul li.pn-parent .fa{display: none}
    header .pn-wrapper-menu .pn-menu ul:first-child{float: left}
    header .pn-wrapper-menu .pn-menu ul:last-child{float: right}
    header .pn-wrapper-menu .pn-menu > ul:first-child > li{margin-right: 5px}
    header .pn-icon-menu{display: none}
    .show-md{display: none !important}
    .pn-form .pn-content .pn-title + .pn-wrapper{margin-top: -35px}
}
@media only screen and (min-width: 992px) and (max-width: 1499px){
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
    header .pn-navtop{background-color: #e9f0fd}
    header .pn-logo{margin: -62px 0 0 0;position: relative;z-index: 100}
}
@media only screen and (max-width: 991px){
    body{position: relative}.hidden-sm{display: none !important}
    .container{width:100%}
    header{top: -70px;transition: .3s;z-index: 10;box-shadow: 0 0 5px rgba(0, 0, 0, .4);background-color: rgb(232 247 244)}
    header .pn-navtop{padding: 10px 0}
    header .pn-navtop ul li a{padding: 0 15px 0 0;}
    header .pn-navtop ul li a:before{transform: scale(0.8);}
    header .pn-wrapper-menu .pn-menu{width: 320px; position: fixed; top: 0; bottom: 0;left: -100%;transition: .3s;transform-origin: left;overflow-y: auto;background-color: #fff;z-index: 1000;padding: 0 15px}
    body.visible_menu header .pn-wrapper-menu .pn-menu{left: 0}
    header .pn-wrapper-menu img{max-width: 100%;width: auto;height: auto;}
    .pn-menu-home{display: block}
    header .pn-wrapper-menu .pn-screen-black { content: ""; position: fixed; z-index: 1000; left: 0; top: 0; bottom: 0; width: 0; background-color: rgba(0,0,0,.6); }
    body.visible_menu header .pn-wrapper-menu .pn-screen-black{width: 100%}
    header .pn-wrapper-menu .pn-menu > p{padding-bottom: 20px;padding-top: 40px;margin-bottom: 0;text-align: center}
    header .pn-wrapper-menu .pn-menu > p a{display: inline-block;height: 50px}
    header .pn-wrapper-menu .pn-menu > p img{max-height: 100%}
    header .pn-wrapper-menu .pn-menu>ul>li { border-bottom: 1px solid #eee; margin-right: 0}
    header .pn-wrapper-menu .pn-menu ul li a{padding: 10px 0;font-size: 14px;text-transform: capitalize;font-weight: 600}
    header .pn-wrapper-menu .pn-menu ul li.pn-parent{padding-right: 40px;position: relative}
    header .pn-wrapper-menu .pn-menu ul li.pn-parent > .fa{width: 40px;height: 40px;display: flex;justify-content: center;align-items: center;position: absolute;right: 0;top: 0}
    header .pn-wrapper-menu .pn-menu ul li ul{display: none;margin-right: -40px;padding-left: 30px}
    header .pn-icon-menu{background-color: transparent; padding: 0; height: 50px; width: 24px; border: none;float: right; margin: 15px 0 15px 25px; }
    header .pn-icon-menu span{display: block; width: 24px;background: var(--color-global); height: 2px; margin: 6px 0}
    header .pn-icon-menu span:nth-child(2){width: 18px;margin-left: 6px}
    #close-menu {height: 40px; line-height: 40px; cursor: pointer; font-size: 20px; width: 40px; display: block;position: absolute;text-align: center;top: 0;right: 0;z-index: 1}
    .pn-title{margin-bottom: 30px;font-size: 30px;line-height: 40px}
    .pn-title + .pn-wrapper{margin-top: -15px}
    .pn-wrapper :is(h1,h2,h3,h4,h5,h6){font-size: 20px}
    .pn-banner{margin-bottom: 30px}
    .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next{opacity: 0.4}
    .owl-carousel .owl-nav .owl-prev:hover, .owl-carousel .owl-nav .owl-next:hover{opacity: 1}
    .pn-banner-footer:before, .pn-banner-footer:after{display:none}
    .pn-banner .owl-carousel .owl-nav .owl-prev,.pn-banner .owl-carousel .owl-nav .owl-next{opacity:0;visibility:hidden}
    .pn-banner .pn-button{padding:8px 15px;}
    .pn-banner:hover .owl-carousel .owl-nav .owl-prev,.pn-banner:hover .owl-carousel .owl-nav .owl-next{opacity:0.8;visibility:visible}
    .pn-limit-line:not(.fullContent),.pn-limit-lines:not(.fullContent){display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; overflow: hidden;max-height: none !important;height: auto !important;position: relative}
    .pn-limit-line:not(.fullContent):after,.pn-limit-lines:not(.fullContent):after{position: absolute;width: 100%;height: 60px;left: 0;bottom: 0;content: "";background: linear-gradient(-180deg, hsla(0, 0%, 100%, 0) 6%, #fff 83%)}
    .pn-limit-line.fullContent,.pn-limit-lines.fullContent{max-height: none !important;height: auto !important}
    .pn-view-more-wrapper{ padding-top: 20px;text-align: center;position: relative;margin-top: -10px;padding-bottom: 5px;background: #FFFFFF;font-size: 15px; }.pn-view-more-wrapper a{color: var(--color-global);display: inline-block;border-bottom: 1px solid var(--color-global)}
    footer{padding-top: 30px}
    .pn-form{padding-bottom: 0}
    .pn-form .pn-content{padding-top: 30px;padding-bottom: 20px;}
    .pn-form .pn-content > .row > [class*='col-']{padding: 0;}
    .pn-form .pn-content .pn-title{font-weight: bold;}
}
@media only screen and (max-width: 767px){
    
    .pn-banner .container .pn-content .pn-title-split span:first-child{font-size: 70px;line-height: 70px}
    .pn-banner .container .pn-content .pn-wrapper{display: none}
    .pn-banner .container .pn-content .pn-title-split span:nth-child(2){font-size: 50px;line-height: 60px;margin-top: -30px}
    /**/
    .pn-title{font-size: 25px;line-height: 35px}.show-xs{display: block}.hidden-xs{display: none !important}
    footer img{max-height: 60px}
    footer .pn-wrapper{margin-right: 100px;margin-bottom: 0}
    footer .row [class*='col-']{margin-bottom: 0}
    .pagination{padding: 0;box-shadow: none}
    .pagination>li>a, .pagination>li>span{width: 35px;height: 35px;min-width: 35px}
    .pn-button{min-width: inherit;padding-left: 50px;padding-right: 50px}
}
@media only screen and (max-width: 570px){
    .pn-banner .container .pn-content{width:70%;text-align: left;}
    .pn-banner .container .pn-content .pn-title-split span:first-child{font-size: 130%;line-height: 1.6;}
    .pn-banner .container .pn-content .pn-title-split span:nth-child(2){font-size:120%;line-height: 1.6;}
    /**/
    .pn-form .pn-content > .row{display: block}
    .pn-form .pn-content .row .row [class*='col-']{width: 100%}
    .pn-form .pn-button{width: 100%;margin-top: 0}
    #captcha-field{transform: initial;transform-origin: center;text-align: center;}
    #captcha-field > div{transform-origin: center;transform: scale(0.9);display: inline-block;}
}
@media only screen and (max-width: 480px){
    header .pn-navtop{display: none}
    header .pn-icon-menu{height:40px;margin-left: 15px}
    header .pn-logo{max-width: 150px;margin: 0;display: flex;align-items: center;padding: 5px 0;height: 70px}
    .pn-banner .container .pn-content { width: 100%; text-align: left;padding:0}    
    .pn-banner .container .pn-content .pn-title-split span:first-child { font-size: 120% }    
    .pn-banner .container .pn-content .pn-title-split span:nth-child(2) { font-size: 110% }
    .pn-banner .pn-button{font-size:13px;}.pn-banner .container .pn-content :is(h2){margin-bottom: 3px;}
    footer img{max-height: 40px}
    footer .pn-wrapper{margin: 0 0 30px 0}
    footer .row [class*='col-']:last-child{display: block !important}
    .pn-language{margin: 20.5px 0}
    .pn-help{display: none}
    .pn-title{font-size: 24px;line-height: 29px}
    .pn-wrapper-pagination{margin-top: 15px}
    .pn-form .pn-content:before{display: none}
    .pn-form .pn-content{overflow: hidden;padding-left: 15px;padding-right: 15px}
}
@media only screen and (max-width: 370px){
    .pn-banner .container .pn-content {width: 100%;}
    header .pn-wrapper-menu .pn-menu{width: 100%;left: -100%}
    .pn-form .pn-content > .row{display: block;}
    #captcha-field > div{transform: scale(0.8);transform-origin: left;}
    
}