a{color: #000;transition: all ease .3s}
a:hover,a:focus{text-decoration:none}
body{color: #000;background:#fff;line-height:1.5;font-family: 'Open Sans', sans-serif;font-size:16px}
strong{font-weight: 700}.pn-wrapper img{max-width:100%;height: auto !important}
.pn-wrapper{color: #000;margin-bottom: 30px}
body.bodyLang_vi .pn-wrapper{font-size: 15px;line-height: 21px}
.pn-wrapper ul,.pn-wrapper ol{list-style-position: inside}
.pn-wrapper td, .pn-wrapper th {padding: revert-layer}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{line-height:1.3}
.pn-button{background-color: #ed1f24;color: #fff;font-size: 16px;line-height: 21px;font-weight: bold;padding: 14px 45px 15px 45px;border-radius: 5px;display: inline-block}
.pn-button:hover,.pn-button:focus{background-color: #ed1f24;color: #fff;opacity: 0.8}
footer{background-color: #ed1f24;padding: 30px 0 10px 0;color: #fff}
footer img{max-width: 100%}
footer .row [class*='col-']{margin-bottom: 20px}
footer a{display: inline-block;color: #fff;word-break: break-word}
footer a:hover,footer a:focus{color: #fff}
footer ul{margin-bottom: 0;list-style: none;padding-left: 0;display: flex;flex-wrap: wrap;justify-content: center;margin: 0 -15px}
footer ul li{font-size: 16px;line-height: 21px;width: calc(100% / 3);padding: 0 15px;text-align: center;margin-top: 30px}
footer ul li .fa{display: flex;width: 40px;height: 40px;background-color: #fff;border-radius: 100%;margin: 0 auto 15px auto;justify-content: center;align-items: center;font-size: 20px;color: #ed1f24}
footer ul li strong{display: block;margin-bottom: 10px}
@-webkit-keyframes zoom{ 0%{ left: 0;right: 0;top: 0;bottom: 0; }50%{ left: -10px;right: -10px;top: -10px;bottom: -10px; }100%{ left: 0;right: 0;top: 0;bottom: 0; }}
.pn-hotline{width: 70px;height: 70px;position: fixed;right: 15px;bottom: 15px;background-image: url('../images/hekp.png');background-repeat: no-repeat;background-size: 100%;background-position: center}
.pn-hotline:before{content: "";position: absolute;left: 0;top: 0;right: 0;bottom: 0;box-shadow: inset 0 0 10px #fff;border-radius: 100px;animation: zoom 1s infinite}
/**/
.pn-banner .owl-nav button{position: absolute;top: 50%;transform: translateY(-50%);width: 40px;height: 40px;background-color: #fff;border: none;display: flex;align-items: center;justify-content: center;font-size: 30px;border-radius: 100%;box-shadow: 0 5px 10px rgba(0,0,0,.15)}
.pn-banner .owl-nav button:hover{background-color: #ed1f24;color: #fff}
.pn-banner .owl-nav .owl-prev{left: 30px}
.pn-banner .owl-nav .owl-next{right: 30px}
/**/
.pn-top{margin-bottom: 60px}
.pn-top .row{display: flex;justify-content: center;flex-wrap: wrap}
.pn-top .row [class*='col-']{margin: -100px 0 30px 0;z-index: 1}
.pn-top .row [class*='col-']:nth-child(3n + 4){margin-top: 0}
.pn-top .pn-button{margin-top: 10px}
.pn-top .pn-item{background-color: #fff;box-shadow: 0 3px 10px rgba(0,0,0,.2);border-radius: 10px;padding: 20px 30px 10px 30px;height: 100%}
.pn-top .pn-item span{display: flex;width: 60px;height: 60px;justify-content: center;align-items: center;background-color: #ed1f24;margin-bottom: 15px;border-radius: 100%}
.pn-top .pn-item strong{display: block;font-size: 16px;line-height: 21px;font-weight: bold;color: #ed1f24;margin-bottom: 5px}
.pn-top .pn-item p{font-size: 16px;line-height: 24px}
/**/
.pn-product{margin-bottom: 60px;overflow: hidden;}
.pn-product img{max-width: 100%}
.pn-product .pn-wrapper-row .row:nth-child(odd){flex-direction: row-reverse}
.pn-product .pn-wrapper-row .row{margin-bottom: 30px;display: flex;align-items: center}
.pn-product .pn-wrapper-row .row [class*='col-']{margin-bottom: 30px}
.pn-product .pn-wrapper-row .row [class*='col-'] .pn-image{box-shadow: 0 14px 25px rgba(0,0,0,.15)}
.pn-product .pn-wrapper-row .row [class*='col-'] .pn-name{font-size: 32px;line-height: 40px;color: #ed1f24;margin-bottom: 15px;display: block}
.pn-product .pn-wrapper-row .row [class*='col-'] .pn-wrapper{margin-bottom: 0}
.pn-product .pn-wrapper-row .row [class*='col-'] .pn-wrapper ul{padding-left: 0}
.pn-product .pn-wrapper-row .row [class*='col-'] .pn-wrapper ul li{margin-bottom: 10px}
/**/
.pn-guide{padding-top: 60px;background-color: #f0f1f2}
.pn-guide .pn-title{font-size: 32px;line-height: 40px;color: #ed1f24;text-align: center;font-weight: bold;margin: 0 0 60px 0}
.pn-guide .row [class*='col-']{margin-bottom: 30px}
.pn-guide .pn-wrapper .pn-title{text-align: left;color: #000;margin: 20px 0}
.pn-category-guide{padding: 35px;background-color: #d6e9ff;border-radius: 10px}
.pn-category-guide ul{padding-left: 0;list-style: none}
.pn-category-guide ul li{margin-bottom: 10px;position: relative}
.pn-category-guide ul li a{display: inline-block;font-size: 16px;line-height: 21px}
.pn-category-guide > ul > li{padding-right: 25px}
.pn-category-guide ul li .fa{position: absolute; right: 0; font-size: 20px; color: #165dd2; height: 25px; line-height: 25px; top: 0;cursor: pointer}
.pn-category-guide ul li:not(.active) ul{display: none}
.pn-category-guide ul li.active .fa:before{content: "\f106"}
.pn-category-guide ul li ul li.active a{font-weight: bold}
.pn-category-guide ul li ul li a:focus{color: #000}
.pn-category-guide > ul > li > a{font-weight: bold; font-size: 20px; line-height: 25px; color: #165dd2; margin-bottom: 10px}
.subGuide li a{transition: initial;}
@media only screen and (min-width: 1500px){
    .container{width: 1440px}
    .pn-category-guide > ul > li > a{font-size: 24px;line-height: 29px}
}
@media only screen and (min-width: 992px){
    .pn-sticky{position: sticky;top: 30px}
}
@media only screen and (max-width: 1199px){
    .pn-category-guide{padding: 20px}
    .pn-category-guide > ul > li > a{font-size: 20px;line-height: 25px}
}
@media only screen and (max-width: 991px){
    .container{width: 100%}
    body{font-size: 14px}
    .pn-top .pn-item p{font-size: 14px}
    .pn-product{margin-bottom: 30px}
    .pn-product .pn-wrapper-row .row{margin-bottom: 0}
    .pn-product .pn-wrapper-row .row [class*='col-'] .pn-name{font-size: 25px;line-height: 33px}
    .pn-guide{padding-top: 30px}
    .pn-guide .pn-wrapper .pn-title{margin-top: 0;font-size: 25px;line-height: 33px}
}
@media only screen and (max-width: 767px){
    .pn-banner{margin-bottom: 30px}
    .pn-top .row [class*='col-']{margin-top: 0}
    .pn-product .pn-wrapper-row .row [class*='col-'] .pn-name{font-size: 20px;line-height: 28px}
    .pn-category-guide{padding: 0}
    .pn-category-guide ul li:not(.active) ul{display: none}
    .pn-category-guide ul li ul{padding: 10px;border: 1px solid #e7e7e7}
    .pn-category-guide>ul>li {margin-bottom: 1px;padding-right: 0}
    .pn-category-guide ul li .fa {display: none}
    .pn-category-guide > ul > li > a{font-size: 17px;line-height: 22px;background-color: #165dd2;display: block;padding: 14px 50px 14px 15px;color: #fff;margin-bottom: 0;position: relative;font-weight: normal}
    .pn-category-guide > ul > li > a:after{font-family: "FontAwesome";content: "\f107";position: absolute;right: 0;top: 0;width: 50px;height: 50px;font-size: 25px;text-align: center;line-height: 50px}
    .pn-category-guide > ul > li.active > a:after{content: "\f106"}
    footer{text-align: center}
}
@media only screen and (max-width: 570px){
    .pn-top .row [class*='col-']{width: 50%}
    .pn-product .pn-wrapper-row .row{display: block}
    .pn-guide .pn-title{margin-bottom: 30px;font-size: 28px;line-height: 36px}
    .pn-guide .pn-wrapper .pn-title{font-size: 20px;line-height: 25px}
    footer{text-align: left}
    footer img{max-width: 150px}
    footer ul{display: block;margin: 0}
    footer ul li{width: 100%;text-align: left;position: relative;padding: 0 0 0 50px}
    footer ul li .fa{position: absolute;left: 0;top: 0;margin-bottom: 0}
    footer ul li strong{margin-bottom: 5px}
}
@media only screen and (max-width: 480px){
    .pn-banner .owl-nav{display: none}
    .pn-top .row [class*='col-']{width: 100%}
    .pn-top .pn-item{text-align: center}
    .pn-top .pn-item span{margin: 0 auto 15px auto}
    .pn-guide .pn-title{font-size: 25px;line-height: 33px}
    .pn-category-guide > ul > li > a{padding: 10px 42px 10px 15px}
    .pn-category-guide > ul > li > a:after{width: 42px;height: 42px;line-height: 42px;font-size: 20px}
}
@media only screen and (max-width: 370px){
    .pn-guide .pn-title{font-size: 20px;line-height: 28px}
    .pn-guide .pn-wrapper .pn-title{font-size: 16px;line-height: 24px}
}