:root{
    --primary-color: #e01b22;
    --text-color: #2f2f2f;
    --background-footer: #e4e4e5
}
a{color: var(--text-color);transition: all ease .3s}
a:hover,a:focus{text-decoration:none;color: var(--primary-color)}
body{color: var(--text-color);background:#fff;line-height:1.5;font-family: "Open Sans", sans-serif;font-size:14px}
.pn-wrapper{margin-bottom: 30px}.pn-wrapper table{max-width: 100%}
.pn-wrapper table th,.pn-wrapper table td{padding: 8px}
strong{font-weight: 700}.pn-wrapper img{max-width:100%;height: auto !important}
/* .pn-wrapper ul,.pn-wrapper ol{list-style-position: inside} */
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{line-height:1.3}
.pn-image{display: block;text-align: center}
.pn-image img{max-width: 100%;width: auto;height: auto}
.pn-button{background-color: var(--primary-color);padding: 10px 30px;color: #fff;display: inline-block;border-radius: 10px;line-height: 21px;font-weight: bold;border: none;text-align: center}
.pn-button:hover,.pn-button:focus{box-shadow: 5px 5px 1px rgba(0,0,0,.1);background-color: var(--primary-color);color: #fff}
.pn-title{font-weight:bold;margin:0 0 40px 0;font-size:40px;line-height:50px;text-transform: uppercase;color: var(--text-color);text-align: center;position: relative}
.pn-title + .pn-wrapper{margin: -20px auto 30px auto;text-align: center;width: 1000px;max-width: 100%}
.pn-wrapper-logo a{display: inline-block}
.pn-wrapper-logo a:not(:last-child){margin-right: 40px}
.pn-wrapper-logo img{max-width: 100%;height: auto;width: auto;max-height: 100%}
.pn-sticky{position: sticky;top: 100px}
/**/
header{padding: 10px 0;background-color: #fff}
header.fixed{box-shadow: 0 0 15px rgba(0, 0, 0, .1)}
/**/
header .pn-wrapper-logo{float: left}
header .pn-wrapper-logo .pn-logo{width: 85px}
header .pn-wrapper-logo .pn-logo-osd{width: 85px;}
/**/
.pn-wrapper-menu ul{list-style: none;padding-left: 0;margin-bottom: 0}
.pn-menu > li{margin: 0 20px;padding: 19.5px 0}
.pn-menu li a{font-weight: 600;display: block}
.pn-menu li a{font-size: 16px}
/**/
.pn-account-header{float: right}
.pn-account-header ul{list-style: none;padding-left: 0;margin-bottom: 0}
.pn-account-login{display: flex;padding: 9.5px 0}
.pn-account-login li{margin-left: 20px}
.pn-account-login li:first-child .pn-button{background-color: transparent;color: var(--text-color)}
.pn-account-login .pn-button{border-radius: 100px;border: 1px solid var(--primary-color);padding: 9px 40px;font-weight: 600;}
.pn-account-login li .pn-button:hover{background-color: var(--primary-color);color: #fff}
.pn-account-logged{display: flex;align-items: center;padding: 10px 0}
.pn-account-logged > li > ul,.pn-account-logged .pn-account .pn-menu-account{position: absolute;display: none;width: 290px; background-color: #fff; padding: 15px 10px; z-index: 10; top: calc(100% + 7px); border-radius: 8px; right: 0; box-shadow: 3px 5px 10px rgba(0, 0, 0, .25)}
.pn-account-logged > li{margin-left: 10px;position: relative}
.pn-account-logged > li.pn-icon-bell> a{width: 40px;height: 40px;border-radius: 100px;background-color: #f4f4f4;display: flex;cursor: pointer;justify-content: center;align-items: center;position: relative}
.pn-account-logged > li.active > ul,.pn-account-logged > li.active .pn-menu-account{display: block}
/* .pn-account-logged > li.pn-icon-bell> a span{display: inline-block; font-size: 10px; width: 15px; height: 15px; background-color: #2db00a; border-radius: 100px; text-align: center; padding-right: 2px; position: absolute; bottom: 20px; right: 3px;color: #fff} */
.pn-account-logged > li.pn-icon-bell> a:before{content: "";position: absolute;background-image: url('../images/icon.png');background-repeat: no-repeat}
.pn-account-logged > li.pn-icon-bell > a:before{background-position: -75px 0;width: 16px;height: 20px}
.pn-account-logged > li.pn-icon-bell > a:after{content: "";position: absolute;width: 9px;height: 9px;border: 1px solid #fff;background-color: #2db00a;border-radius: 100px;right: 11px; top: 11px}
.pn-account-logged > li.pn-icon-bell ul{left: 50%;transform: translateX(-50%);right: initial;}
.pn-account-logged > li.pn-icon-bell ul li{margin-bottom: 10px;}
.pn-account-logged > li.pn-icon-bell ul li a{font-size: 13px;line-height: 18px;}
.pn-account-logged > li.pn-icon-bell ul li:not(:last-child) a{display: block;}
.pn-account-logged > li.pn-icon-bell ul li:not(:last-child) a > strong{display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: 500;}
.pn-account-logged > li.pn-icon-bell ul li:not(:last-child) a span{display: block; font-size: 10px; line-height: 10px; margin-top: 5px; color: rgba(41, 41, 43, .6);}
.pn-account-logged > li.pn-icon-bell ul li:last-child a{text-decoration: underline;}
.pn-account-logged .pn-account > a{padding-right: 15px;position: relative;display: flex;align-items: center;}
.pn-account-logged .pn-account > a strong{display: inline-block;margin-left: 5px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.pn-account-logged .pn-account > a:after{font-family: "FontAwesome";content: "\f0d7";position: absolute;right: 0;top: 50%;transform: translateY(-50%)}
.pn-account-logged .pn-account > a .pn-min-avatar{border-radius: 100px;margin-right: 10px;display: inline-block;width: 40px;height: 40px;overflow: hidden;position: relative}
.pn-account-logged .pn-account > a .pn-min-avatar:before{content: "\f2bd"; font-family: "FontAwesome"; color: #f4f4f4; font-size: 40px; position: absolute; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center;}
.pn-account-logged .pn-account > a > span img{max-width: 100%;max-height: 100%;width: auto;height: auto;position: relative;z-index: 1;}
.pn-account-logged .pn-account > a .fa{margin-left: 10px}
.pn-account-logged .pn-account .pn-menu-account{padding: 10px;right: 0}
.pn-account-logged .pn-account ul li{text-align: center;margin-bottom: 5px}
.pn-account-logged .pn-account ul li a{padding: 10px;background-color: #eee;display: block}
.pn-account-logged .pn-account ul li a:hover{background-color: var(--primary-color);color: #fff}
/**/
.table-of-contents{width:100%;max-width:600px;background:#ebebeb;border:1px solid #d8d8d8;border-radius:3px;margin-bottom:30px;font-size:14px;display: none}.table-of-contents h3{margin:10px;font-size:17px;background:var(--primary-color);color:#fff;text-transform:uppercase;padding:10px 20px;position:relative}.table-of-contents h3:hover{cursor:pointer}.table-of-contents h3:after{content:"";width:6px;height:6px;border-top:2px solid #fff;border-right:2px solid #fff;position:absolute;top:50%;right:20px;transform:translateY(-50%) rotate(135deg);transition:.2s}.table-of-contents h3.open:after{transform:translateY(-50%) rotate(-45deg)}.table-of-contents-item ol{margin:0}.table-of-contents-item ol ol{margin-left:0!important;padding-left: 15px;}.table-of-contents-item ol li{padding:3px 0}.table-of-contents-item ol li a{color:#333;text-decoration:none}.table-of-contents-item ol li a:hover{text-decoration:underline}
.table-of-contents-item > ol {margin-bottom: 20px}
.table-of-contents-item ol ol li:before {counter-increment: item;content: counters(item, ".") ". ";}
/**/
.pn-wrapper-pagination{margin-bottom: 30px;text-align: center}
.pagination{margin: 0;vertical-align: top}
.pagination li{margin: 0 5px;float: left}
.pagination li a{color: #000;background-color: #f5f6f8;border-color: #e5e5e6;border-radius: 5px;min-width: 34px; display: flex; justify-content: center; height: 34px; align-items: center}
.pagination li.active a,.pagination li.active a:hover,.pagination li.active a:focus{background-color: var(--primary-color);color: #fff;border-color: var(--primary-color);cursor: pointer}
/**/
footer{padding-top: 25px;background-color: var(--background-footer)}
footer .row [class*='col-']{margin-bottom: 20px}
footer ul{padding-left: 0;list-style: none;margin-bottom: 0}
footer .pn-wrapper-logo{margin-bottom: 20px}
footer .pn-wrapper-logo > a{max-width: 165px;}
footer .pn-title-footer{text-transform: uppercase;font-weight: 800;line-height: 21px;margin: 0 0 15px 0}
footer .pn-link li:not(:last-child){margin-bottom: 10px}
footer .pn-link li a{display: inline-block;font-weight: bold}
footer .pn-list-info li:not(:last-child){margin-bottom: 10px}
footer .pn-list-info li{display: flex;align-items: center;min-height: 30px;position: relative;padding-left: 45px}
footer .pn-list-info li:before{content: "";position: absolute;background-image: url('../images/icon.png');background-repeat: no-repeat;width: 30px;height: 30px;left: 0;top: 0}
footer .pn-list-info li.pn-location:before{background-position: 0 0}
footer .pn-list-info li.pn-phone:before{background-position: 0 -30px}
footer .pn-list-info li.pn-email:before{background-position: 0 -60px}
footer .pn-list-info li.pn-website:before{background-position: 0 -90px}
footer .pn-social{margin-bottom: 30px}
footer .pn-social a{margin: 0 30px 10px 0;float: left}
footer .pn-social a:hover img{opacity: 0.7}
footer .pn-wrapper{margin-bottom: 0}
/**/
.pn-gotop{width: 40px;height: 40px;display: flex;align-items: center;justify-content: center;font-size: 20px;border-radius: 100px;position: fixed;right: 15px;bottom: 15px;z-index: 100;background-color: #fff;box-shadow: 0 0 5px rgba(0,0,0,.2)}
.pn-gotop:hover,.pn-gotop:focus{background-color: var(--primary-color);color: #fff}
/**/
.pn-banner{border-radius: 30px 30px 30px 0;overflow: hidden;position: relative;margin-bottom: 60px}
.pn-banner ul{list-style: none; padding-left: 0; margin-bottom: 0; display: flex; background-color: #e01a2b; border-radius: 100px; margin-top: 20px; margin-right: 20px}
.pn-banner .pn-banner-menu{position: absolute; bottom: 0; left: 0; z-index: 10; background-color: #fff; border-radius: 0 40px 0 0}
.pn-banner-menu:before,.pn-banner-menu:after{content: "";width:40px;height:40px;position:absolute;clip-path: path("M-1,0v40h40C40,40,0,40,0,0Z");background:#fff}
.pn-banner-menu:before{top: -39px;left: 0}
.pn-banner-menu:after{right: -40px;bottom: -1px}
.pn-banner ul li{margin: 10px}
.pn-banner ul li a{position: relative;color: var(--text-color);font-weight: 600}
.pn-banner ul li a:after{content: "";position: absolute;top: -1px;right: -1px;bottom: -1px;left: -1px;background-color: #fff;border-radius: 100px}
.pn-banner ul li a span{position: relative;z-index: 1;min-width: 210px;display: block;text-align: center;line-height: 21px;padding: 10px;border-radius: 100px;background-color: #fff}
.pn-banner ul li a:hover,.pn-banner ul li a.menu-scroll{color: #fff}
.pn-banner ul li a:hover span,.pn-banner ul li a.menu-scroll span{background-color: #f08d91}
.pn-banner ul li a:hover:after,.pn-banner ul li a.menu-scroll:after{background: linear-gradient(45deg, rgba(224,27,34,1) 0%,rgba(255,255,255,1) 66%)}
.pn-banner .owl-nav [class*='owl-']{width: 40px;height: 40px;border-radius: 100px;background-color: rgba(255,255,255,.5);font-size: 20px}
.pn-banner .owl-nav [class*='owl-']:hover{background-color: #fff;color: var(--text-color)}
.pn-banner .owl-nav .owl-prev{left: 30px}
.pn-banner .owl-nav .owl-next{right: 30px}
/**/
.pn-form{background-color: var(--primary-color);position: relative;padding-top: 40px}
.pn-form .pn-title{text-align: left;color: #fff}
.pn-form .pn-title + .pn-wrapper{text-align: left;color: #fff;width: auto}
.pn-form:before{content: "";position: absolute;background-image: url('../images/bg-image-form.jpg');background-repeat: no-repeat;background-position: bottom right;background-size: contain;width: 1920px;height: 100%;max-width: 100%;left: 50%;transform: translateX(-50%);bottom: 0}
.pn-form .row{display: flex;align-items: end}
.pn-form .row:before,.pn-form:after{display: none}
.pn-form label{color: #fff}
.pn-form .form-group{margin-bottom: 20px;}
.pn-form .form-control{border-radius: 100px;border: 1px solid #fff;background-color: transparent;height: 45px;color: #fff;padding-left: 20px;padding-right: 20px}
.pn-form .form-control:focus{box-shadow: none;outline: none}
.pn-form .pn-button{width: 100%;border-radius: 100px;border: none;background-color: #fff;height: 45px;color: var(--primary-color);font-weight: bold;padding: 10px 20px;margin-bottom: 60px}
.pn-form .pn-image{text-align: right}
#captcha-field{text-align: center;display: flex;justify-content: center;margin-bottom: 15px}
#captcha-field .g-recaptcha{display: inline-block;transform: scale(0.8)}
/**/
.pn-thank{padding: 50px 0}
.pn-thank .pn-image{margin-bottom: 50px}
.pn-thank .pn-content{text-align: center;position: relative;padding-top: 70px}
.pn-thank .pn-content:before{content: "";position: absolute;width: 58px;height: 55px;top: 0;background-image: url('../images/icon.png');background-repeat: no-repeat;background-position: -288px 0;left: 50%; transform: translateX(-50%)}
.pn-thank .pn-content h1{font-size: 32px;line-height: 42px;font-weight: bold;color: #28b466;margin: 0 0 10px 0}
.pn-thank .pn-content a:not(:hover){display: inline-block;color: #2f72ee;text-decoration: underline}
/**/
.pn-global-notify{position: fixed;display: inline-block;padding: 8px 20px;border-radius: 5px;box-shadow: 0 0 5px rgba(0, 0, 0, .2);z-index: 100;top: 15px;right: 15px;font-weight: bold;color: #fff;}
/**/
.pn-help-fixed{list-style: none;margin-bottom: 0;padding-left: 0;position: fixed;right: 15px;top: 50%;transform: translateY(-50%);z-index: 100;background-color: #fff;border-radius: 10px;box-shadow: 0 0 15px rgba(0, 0, 0, .1);padding: 0 15px;}
.pn-help-fixed li{margin: 15px 0;}.pn-help-fixed li a{display: block;}
/**/
.bootstrap-datetimepicker-widget table td span.active,.bootstrap-datetimepicker-widget table td span:hover,.bootstrap-datetimepicker-widget table td.active, .bootstrap-datetimepicker-widget table td.active:hover{background: var(--primary-color) !important; color: #fff !important}
@media only screen and (min-width: 1500px){
    body{font-size:15px}
    .container{width:1550px}
    .pn-account-logged .pn-account > a strong{max-width: 200px;}
}
@media only screen and (max-width: 1499px){
    .pn-menu > li{margin: 0 10px}
    .pn-menu li a{font-size: 14px}
    .pn-account-login li{margin-left: 10px}
    .pn-account-login .pn-button{padding: 5px 20px;font-size: 14px}
    .pn-wrapper-logo a:not(:last-child){margin-right: 20px}
    .pn-account-login{padding: 13.5px 0}
    .pn-account-logged .pn-account > a strong{max-width: 100px;}
    .pn-title{font-size: 35px;line-height: 45px}
    /**/
    .pn-banner ul{margin-top: 15px;margin-right: 15px;}
}
@media only screen and (min-width: 1200px){
    .pn-wrapper-login > span{display: none}
}
@media only screen and (min-width: 992px){
    header{top: -70px;transition: all ease .5s}
    header.fixed{position:fixed;top:0;width:100%;left:0;z-index:999;padding: 10px 0}
    header.fixed .pn-logo{line-height: 21px}
    .pn-banner{margin-bottom: 60px}
    .pn-logo{transition: all ease .3s}
    .pn-wrapper-menu{float: right}
    .pn-wrapper-menu > span{display: none}
    .pn-menu{float: right}
    .pn-menu > li{position: relative;float: left}
    .pn-menu > li > a{text-transform: uppercase;line-height: 21px;font-weight: 600}
    .pn-menu > li.active > a,.pn-menu > li:hover > a{color: var(--primary-color)}
    .pn-menu li ul{position: absolute;top: calc(100% + 12px);left: -20px;z-index: 100;list-style: none;padding-left: 0;margin-bottom: 0;width: 200px;transition: all ease .3s;transform: scaleY(0);transform-origin: top}
    .pn-menu li.pn-parent:before{content: "";position: absolute;bottom: -12px;height: 15px;width: 100%}
    .pn-menu li:hover > ul{transform: scaleY(1)}
    .pn-menu li.pn-parent .fa{display: none}
    .pn-menu li ul li:not(:last-child){margin-bottom: 1px}
    .pn-menu li ul li a{padding: 9.5px 20px;display: block;line-height: 21px;background-color: #fff;border-radius: 5px;box-shadow: 0 0 2px rgba(0, 0, 0, .5)}
    .pn-menu li ul li:hover > a{color: var(--primary-color)}
    .pn-icon-menu,.pn-menu li.haschild span{display: none}
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
    .pn-wrapper-login{position: relative}
    .pn-wrapper-login > span{display: inline-block;width: 40px;height: 40px;border-radius: 100px;display: flex;align-items: center;justify-content: center;margin: 10px 0 10px 10px;cursor: pointer;border: 1px solid #e4e4e5;color: #000;font-size: 20px;background-color: #f5f6f8;}
    .pn-wrapper-login ul{display: block;width: 150px;background-color: #fff; padding: 10px; z-index: 10; top: calc(100% + 20px); border-radius: 8px; right: 0; box-shadow: 3px 5px 10px rgba(0, 0, 0, .25);position: absolute;transform-origin: top;transition: .3s;opacity: 0;visibility: hidden}
    .pn-wrapper-login:hover ul{opacity: 1;visibility: visible;top: 100%}
    .pn-wrapper-login ul li{display: block;margin: 0 0 5px 0}
    .pn-wrapper-login ul li a{width: 100%}
    .pn-account-logged .pn-account > a{padding-right: 0}
    .pn-account-logged .pn-account > a strong,.pn-account-logged .pn-account > a:after{display: none}
    .pn-account-logged .pn-account > a .pn-min-avatar{margin-right: 0}
    .pn-wrapper-logo a:not(:last-child){margin-right: 10px}
}
@media only screen and (max-width: 1199px){
    .pn-banner ul{margin-top: 15px;margin-right: 15px}
    .pn-banner ul li a span{min-width: auto;font-size: 14px;padding: 5px 20px}
    .pn-account-logged .pn-account > a .pn-min-avatar + span{display: none}
}
@media only screen and (max-width: 991px){
    .container{width:100%}
    header{position: relative}
    .pn-header-right .pn-info{display: none}
    .menu-open:before{content: "";position: fixed;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);z-index: 99}
    .pn-wrapper-menu{position: fixed; top: 0; left: -320px; width: 320px; bottom: 0; z-index: 100; background-color: #fff; padding-top: 50px;transition: all ease .3s;transform-origin: left;overflow-y: scroll;z-index: 1000}
    .pn-wrapper-menu.active{left: 0}
    .pn-wrapper-menu .js-close-menu{position: absolute; width: 30px; height: 30px; display: flex ; top: 10px; color: #fff; justify-content: center; align-items: center; right: 10px; font-size: 20px;cursor: pointer;background-color: #000;border-radius: 5px}
    .pn-menu.active{opacity: 1;visibility: visible}
    .pn-menu > li{margin: 0;padding: 0}
    .pn-menu li{border-top: 1px solid #eee;position: relative}
    .pn-menu li ul{background-color: #fff;display: none}
    .pn-menu li.haschild{position: relative;padding-right: 45px}
    .pn-menu li.haschild span{position: absolute;right: 0;top: 0;color: #fff;width: 45px;height: 45px;text-align: center;line-height: 45px;font-size: 20px;cursor: pointer}
    .pn-menu li.haschild.showchild span:before{content: "\f106"}
    .pn-menu li.showchild ul{display: block}
    .pn-menu li ul li{padding-left: 20px}
    .pn-menu li a{display: block;padding: 10px 15px}
    .pn-menu li.pn-parent > a{padding-right: 45px}
    .pn-menu li.pn-parent > .fa{position: absolute; right: 0; top: 0; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; cursor: pointer}
    .pn-menu li.pn-parent.showchild > .fa:before{content: "\f106"}
    .pn-menu > li:not(:first-child){margin-left: 0}
    .pn-icon-menu{float: right;border: none;margin-top: 10px;background-color: transparent;padding: 0}
    .pn-icon-menu span{background-color: #000;height: 2px;width: 30px;display: block;margin: 7px 0}
    .pn-icon-menu span:nth-child(2){width: 20px;margin-left: 10px}
    .pn-icon-menu{position: absolute;border-radius: 100px;margin: 0;right: 15px;top: 23px}
    .pn-title{font-size: 30px;line-height: 35px;margin-bottom: 30px}
    .pn-banner{margin-bottom: 30px}
    .pn-logo{text-align: left}
    .owl-nav>div{opacity: 1 !important}
    .pn-account-header{margin-right: 45px}
    .pn-account-logged .pn-account > a strong{max-width: inherit;}
    .pn-wrapper-login > span{display: none}
    .pn-form{padding-top: 30px;}
    .pn-help-fixed{display: none;}
}
@media only screen and (max-width: 767px){
    .pn-title{font-size: 25px;line-height: 35px;margin-bottom: 30px}
    .pn-account-login li{margin-left: 10px}
    .pn-account-logged .pn-account > a{padding-right: 0;}
    .pn-account-logged .pn-account > a strong{display: none;}
    .pn-account-logged .pn-account > a:after{display: none;}
    .pn-account-logged .pn-account > a .pn-min-avatar{margin-right: 0;}
    .pn-account-logged > li.pn-icon-bell ul{left: initial;transform: initial;right: -100px;}
    .pn-form label{margin-left: 15px}
    .pn-form .row{display: block}
    .pn-form .form-control,.pn-form .pn-button{height: 40px;}
    footer .pn-social{margin-bottom: 0}
    footer .pn-wrapper-logo a{max-width: 100px}
    /**/
    .pn-thank{padding: 30px 0 0 0}
    .pn-thank .pn-image{margin-bottom: 30px}
    .pn-thank .pn-content h1{font-size: 25px;line-height: 35px}
}
@media only screen and (max-width: 570px){
    .pn-wrapper-logo a:not(:last-child){margin-right: 10px}
    .pn-icon-menu span{background-color: var(--primary-color);}
    /**/
    .pn-wrapper-login{position: relative}
    .pn-wrapper-login > span{display: inline-block;width: 40px;height: 40px;border-radius: 100px;display: flex;align-items: center;justify-content: center;margin: 10px 0 10px 10px;cursor: pointer;border: 1px solid #e4e4e5;color: #000;font-size: 20px;background-color: #f5f6f8;}
    .pn-wrapper-login ul{display: block;width: 150px;background-color: #fff; padding: 10px; z-index: 10; top: 100%; border-radius: 8px; right: 0; box-shadow: 3px 5px 10px rgba(0, 0, 0, .25);position: absolute;opacity: 0;visibility: hidden}
    .pn-wrapper-login ul li{display: block;margin: 0 0 5px 0}
    .pn-wrapper-login ul li a{width: 100%}
    .pn-wrapper-login.active ul{opacity: 1;visibility: visible}
    .pn-account-logged .pn-account > a{padding-right: 0}
    .pn-account-logged .pn-account > a strong,.pn-account-logged .pn-account > a:after{display: none}
    .pn-account-logged .pn-account > a .pn-min-avatar{margin-right: 0}
    /**/
    .pn-banner{border-radius: 0}
    .pn-banner .owl-carousel{border-radius: 20px;overflow: hidden}
    .pn-banner .pn-banner-menu{position: inherit;margin-top: 15px;z-index: 0}
    .pn-banner .pn-banner-menu:before,.pn-banner .pn-banner-menu:after{display: none}
    .pn-banner ul{margin: 0}
    .pn-banner ul li{width: 50%}
    .pn-banner .owl-nav .owl-prev{left: 15px}
    .pn-banner .owl-nav .owl-next{right: 15px}
    /**/
    .table-of-contents{max-width: inherit}
    .pn-form{padding-top: 30px}
    .pn-form:before{display: none}
    .pn-form .pn-button{margin-bottom: 30px}
    .pn-banner ul li a span{ padding: 8px 20px; }
}
@media only screen and (max-width: 480px){
    header .pn-wrapper-logo .pn-logo{height: 50px}
    header .pn-wrapper-logo .pn-logo-osd{width: 70px;margin-right: 10px}
    .pn-icon-menu{top: 18px}
    .pn-title{font-size: 20px;line-height: 30px;}
    .pn-account-logged{padding: 5px 0}
    .pn-wrapper-login > span{margin-top: 5px;margin-bottom: 5px}
    .pn-account-login .pn-button{font-size: 12px}
    .pn-account-logged > li > ul, .pn-account-logged .pn-account .pn-menu-account{right: -30px}
    /**/
    .pn-banner ul{display: block;background-color: transparent}
    .pn-banner ul li{width: 100%;margin: 0 0 5px 0}
    .pn-banner ul li:last-child{margin-bottom: 0;}
    .pn-banner ul li a span{background-color: var(--primary-color);color: #fff}
    .pn-banner ul li a:after{display: none}
    /**/
    .pn-thank .pn-content h1{font-size: 20px;line-height: 30px}
}
@media only screen and (max-width: 370px){
    .pn-title{font-size: 20px;line-height: 30px}
    /**/
    .pn-account-logged > li.pn-icon-bell{position: fixed;right: 15px;bottom: 70px;z-index: 10}
    .pn-account-logged > li.pn-icon-bell> a{box-shadow: 0 0 5px rgba(0, 0, 0, .2)}
    .pn-account-logged > li.pn-icon-bell ul{top: inherit;right: 0;bottom: 55px;width: 250px;}
    .pn-account-logged .pn-account .pn-menu-account{width: 250px;}
    /**/
}