@font-face {
    font-family: "SVN-Georgia Bold";                          
    src: url(../fonts/SVN-Georgia-Bold.otf);                           
}
a{color: #000;transition: all ease .3s}
a:hover,a:focus{text-decoration:none;color:#324da1}
body{color: #000;background:#fff;line-height:1.5;font-family: 'Open Sans', sans-serif;font-size:14px;position: relative}
strong{font-weight: bold}.pn-wrapper img{max-width:100%;height: auto !important;}
.pn-wrapper{color: #000;margin-bottom: 30px}
.pn-wrapper iframe{max-width: 100%;aspect-ratio: 16/9;height: auto;}
.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}
header{border-bottom: 1px solid #f1f1f1}
header .pn-logo{float: left;display: flex;height: 100px;align-items: center;justify-content: center;padding: 5px 0;max-width: 325px}
header .pn-logo img{max-width: 100%;max-height: 100%}
header ul{margin-bottom: 0;list-style: none;padding-left: 0}
header ul{float: right;display: flex}
header ul li{margin: 37.5px 0 37.5px 60px}
header ul li a{display: block;color: #324da1;font-weight: 600;font-size: 20px;line-height: 25px}
footer{background-color: #eaedf5;padding-top: 60px}
footer .row [class*='col-']{margin-bottom: 30px}
footer img{max-width: 100%}
footer ul{margin-bottom: 0;list-style: none;padding-left: 0}
footer ul li{margin-bottom: 10px}
footer .pn-title-ft{text-transform: uppercase;font-weight: bold;font-size: 20px;margin: 0 0 15px 0}
footer .pn-list{margin-top: 25px}
footer .pn-list li{position: relative;padding-left: 30px}
footer .pn-list li .fa{position: absolute;left: 0;width: 22px;text-align: center;top: 3px}
footer .pn-widget-center{display: inline-block;text-align: left}
.pn-popup .pn-title{font-size: 46px}
.pn-popup .modal-dialog{width: 80%;margin: 50px auto}
.pn-popup .close{position: absolute;width: 30px;height: 30px;background-color: #e6e6e6;right: -15px;top: -15px;display: flex; align-items: center; justify-content: center;border-radius: 100px;cursor: pointer;padding-right: 1px;opacity: 1}
.pn-popup .modal-content{border-radius: 0}
.pn-popup .modal-header{border-bottom: 0;padding: 30px 30px 0 30px}
.pn-popup .modal-body{padding: 0 30px 30px 30px}
.modal-backdrop.in{opacity: 0.9}
.owl-carousel .owl-nav button{width: 40px !important;height: 40px !important;-webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%;padding: 0 !important;font-size: 30px;line-height: 38px;background-color: #fff;border: none;box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25);top: 50%;transform: translateY(-50%);position: absolute;display: flex;align-items: center;justify-content: center;}
.owl-carousel .owl-nav button.owl-prev{left: -20px}
.owl-carousel .owl-nav button.owl-next{right: -20px}
.owl-carousel .owl-nav button:hover{background-color: #085ba7;color: #fff}
.pn-image{display: block;text-align: center;overflow: hidden;position: relative}
.pn-image img{max-width: 100%;transition: all ease .3s;-moz-transition: all ease .3s;-webkit-transition: all ease .3s}
.pn-image:hover img{transform: scale(1.2);-moz-transform: scale(1.2);-webkit-transform: scale(1.2)}
.pn-button{background-color: #fba91a;color: #fff;text-transform: uppercase;padding: 10px 50px 9px 50px;border-radius: 5px;display: inline-block;font-size: 16px;line-height: 21px;font-weight: bold;border: none}
.pn-button:hover,.pn-button:focus{background-color: #085ba7;color: #fff}
.arrow-right {color: #676767;position: absolute;margin-top: 10px;width: 16px;height: 1px;background-color: currentColor;right: 0}
.arrow-right:before {content: '';position: absolute;right: 1px;top: -5px;width: 10px;height: 10px;border-top: solid 1px currentColor;border-right: solid 1px currentColor;-webkit-transform: rotate(45deg);transform: rotate(45deg)}
.pn-title{font-family: 'SVN-Georgia Bold', sans-serif;font-size: 48px;line-height: 63px;color: #085ba7;text-align: center;margin: 0 0 40px 0;text-transform: capitalize}
.pn-title-line{position: relative}
.pn-title-line span{position: relative;z-index: 1;padding: 0 25px;display: inline-block;background-color: #fff}
.pn-title-line:before{content: "";width: 100%;height: 1px;background-color: #085ba7;top: 35px;left: 0;position: absolute}
.pn-item-video{cursor: pointer;overflow: hidden;position: relative;height: 0;padding-top: 56.23%}
.pn-item-video:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.2);opacity: 0;transition: all ease .3s;z-index: 1}
.pn-item-video.active:before{display: none}
.pn-item-video:hover:before{opacity: 1}
.pn-item-video img{width: 100%;position: absolute;left: 0;top: 50%;min-height: 100%;transform: translateY(-50%)}
.pn-item-video iframe,.pn-item-video video{width: 100%;height: 100%;position: absolute;top: 0;left: 0}
.pn-item-video span{text-indent: -9999px; display: flex; position: absolute; width: 75px; height: 53px; background-color: #f61c0d; border-radius: 20px; align-items: center; justify-content: center; top: 50%; left: 50%; transform: translate(-50%,-50%);padding-left: 5px;z-index: 2}
.pn-item-video span:before{content: ""; width: 0;height: 0;border-top: 10px solid transparent;border-left: 20px solid #fff;border-bottom: 10px solid transparent}
.pn-item-video:hover + strong{color: #fbb02e}
/*  */
.pn-banner{text-align: center;position: relative;overflow: hidden;margin-bottom: 30px}
.pn-banner picture,.pn-banner picture img{width: 100%;}
.pn-banner .owl-carousel .owl-nav .owl-prev{left: 30px}
.pn-banner .owl-carousel .owl-nav .owl-next{right: 30px}
.formAll .row [class*='col-']{margin-bottom: 30px}
.form-outer .pn-form{max-width: 100%;background-color: #085ba7;border-radius: 20px;padding: 30px;color: #fff;position: relative;z-index: 1;font-size: 16px;line-height: 21px;margin:0 auto}
.form-outer .pn-form h2{text-transform: uppercase;font-size: 30px;line-height: 35px;font-weight: bold;margin: 0 0 10px 0;text-align:center}
.form-outer .pn-form h2 + p{margin-bottom: 40px;text-align: center}
.form-outer .pn-form .row{margin: 0 -5px}
.form-outer .pn-form .row [class*='col-']{padding: 0 5px;margin-bottom: 0}
.form-outer .pn-form .form-control{box-shadow: none;border: none;border-radius: 0;margin-bottom: 15px;height:auto;line-height: 22px;padding-top:12px;padding-bottom: 12px}
.form-outer .pn-form .form-control::-webkit-input-placeholder {font-style: italic;color: #747474}  
.form-outer .pn-form .form-control:-ms-input-placeholder {font-style: italic;color: #747474}
.form-outer .pn-form .form-control::placeholder {font-style: italic;color: #747474}
.form-outer .pn-form .form-control{resize: none}
.form-outer .pn-form .pn-button{border-radius: 0;margin-bottom: 20px;padding:13px 50px 13px 50px}
.form-outer .pn-form .pn-button:hover{background-color: #fba91a;color: #fff;opacity: 0.8}
.form-outer #captcha-field{text-align: center;margin-bottom: 15px}
.form-outer #captcha-field .g-recaptcha{display: inline-block}
.banner-video{width: 100%;height: calc(100vh - 100px);position: relative;display: flex;align-items: start;}
.banner-video video{width: 100%;height: 100%;object-fit: cover;object-position: center}
.btnMuted{ position: absolute;left:10px;bottom: 10px;color:#fff;background-color:rgba(0,0,0,0.8);outline: none;border:1px solid rgba(255, 255, 255, 0.8);width:28px;height:28px;text-align: center;line-height: 26px;padding:0 }
.btnMuted.muted i:before{ content: "\f028"; }
/*  */
@keyframes zoom {0%{ transform: scale(1); }50%{ transform: scale(1.05); }100%{ transform: scale(1); }}
@-webkit-keyframes zoom {0%{ transform: scale(1); }50%{ transform: scale(1.05); }100%{ transform: scale(1); }}
.pn-discount{text-align: center}
.pn-discount .row [class*='col-']{margin-bottom: 30px}
.pn-discount .row [class*='col-']:first-child{text-align: center}
.pn-discount .pn-title{font-size: 34px;line-height: 40px;color: #000;margin: 0 0 25px 0}
.pn-discount .pn-price{border: 1px dashed #fba91a;border-radius: 10px;display: inline-block;width: 450px;padding: 0 5px;}
.pn-discount .pn-price span{top: -13px}
.pn-discount .pn-price span{display: inline-block;position: relative;background-color: #fff;padding: 0 5px;font-size: 16px;line-height: 21px}
.pn-discount .pn-price strong{display: block;font-size: 60px;line-height: 60px;color: #f71122;transition: all ease .3s;animation: zoom 1s infinite}
.pn-discount .pn-price strong + span{top: inherit;bottom: -10px}
.pn-discount ul{margin: 0 -10px 40px -10px;list-style: none;padding-left: 0;display: flex;flex-wrap: wrap}
.pn-discount ul li{width: 25%;padding: 0 10px;align-items: center;justify-content: center;font-size: 16px;line-height: 16px}
.pn-discount ul li div{border-radius: 10px;/*background-color: rgba(255,255,255,.2);*/background-color: #fba91a;box-shadow: 1px 5px 8px rgba(0, 0, 0, 0.1);display: block;padding: 20px 5px;text-align: center;color: #fff;font-size: 20px;line-height: 20px}
.pn-discount ul li div strong{display: block;font-size: 48px;line-height: 48px;margin-bottom: 15px}
.highlightVideo{margin-bottom: 30px}
.highlightVideo video,.highlightVideo img {width: 100%}
/*  */
.pn-banner-qc{text-align: center;margin: 30px 0}
.pn-banner-qc .pn-title{white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
.pn-banner-qc .pn-item .pn-button{margin-top: 60px}
/*  */
.pn-about{background-color: #ecf6ff;padding-top: 50px;margin-bottom: 50px;overflow: hidden}
.pn-about .pn-title-line span{background-color: #ecf6ff}
.pn-about #nanogallery2{margin-bottom: 50px}
/*  */
.pn-outstanding{padding-bottom: 100px;overflow: hidden}
.pn-outstanding .pn-title strong{display: inline-block;}
.pn-outstanding > p{font-weight: bold;text-align: center;font-size: 24px;line-height: 29px;color: #fba91a}
.pn-outstanding .pn-item span{display: flex;background-color: #fba91a;color: #fff;width: 60px;height: 60px;border-radius: 100px;font-weight: bold;font-size: 20px;align-items: center;justify-content: center;position: absolute}
.pn-outstanding .pn-item p{margin-bottom: 0;width: 100%}
.ingredient-shapes {position: absolute;top: calc(50% - 30px); left: calc(50% - 20px); width: 400px;min-height: 60px;transform: rotate(var(--deg)) translate(-50%)}
.ingredient-list .pn-item{margin-left: 15px}
.ingredient-shapes .pn-item{transform: rotate(var(--deg))}
.ingredient-total{width: 370px;height: 370px;background-size: contain}
.ingredient-list .ingredient-shapes.left-content .pn-item{z-index: 0}
.ingredient-list .ingredient-shapes.left-content .pn-item a{margin-left: -365px;width: 100%}
.ingredient-list .ingredient-shapes.left-content .pn-item a{display: flex;align-items: center;flex-direction: row-reverse;text-align: right}
.ingredient-list .ingredient-shapes.left-content .pn-item a p{padding-right: 80px}
.ingredient-list .ingredient-shapes:not(.left-content){z-index: 1}
.ingredient-list .ingredient-shapes:not(.left-content) .pn-item{z-index: 1}
.ingredient-list .ingredient-shapes:not(.left-content) .pn-item a{display: flex;align-items: center;text-align: left}
.ingredient-list .ingredient-shapes:not(.left-content) .pn-item a p{padding-left: 80px;width: 100%}
.ingredient-list .ingredient-shapes.center-content .pn-item{margin: -200px 0 0 0}
.ingredient-list .ingredient-shapes.center-content .pn-item a{justify-content: center;flex-wrap: wrap}
.ingredient-list .ingredient-shapes.center-content .pn-item a span{position: relative;min-width: 60px}
.ingredient-list .ingredient-shapes.center-content .pn-item a p{padding-left: 0;margin-top: 10px}
.pn-ingredient .pn-wrapper-item{text-align: center;position: relative;min-height: 650px;width: 650px;margin: 0 auto}
.hidden-background{text-align: center}
.ingredient-list{position: relative;text-align: center}
.hidden-background{position: relative;display: inline-block}
.hidden-background picture{display: block}
.ingredient-list .pn-item{position: absolute;width: 100%;max-width: 100%;min-height: 60px}
/*  */
.pn-business{background-color: #ecf6ff;padding: 50px 0;margin-bottom: 50px}
.pn-business .pn-title{margin-bottom: 60px}
.pn-business .pn-title-line span{background-color: #ecf6ff}
.pn-business .row .row{display: flex;flex-wrap: wrap;margin-top: 20px}
.pn-business .row .row [class*='col-']{margin-bottom: 60px}
.pn-business .pn-item{background-color: #fff;border-radius: 10px;padding: 0 20px 20px 20px;display: block}
.pn-business .pn-item:hover{background-color: #085ba7;color: #fff}
.pn-business .pn-item span{display: flex;width: 80px;height: 80px;border: 5px solid #ecf6ff;border-radius: 100px;background-color: #085ba7;align-items: center;justify-content: center;margin: -40px auto 15px auto}
.pn-business .pn-item strong{font-size: 16px;line-height: 21px;margin-bottom: 10px;display: block;text-align: center}
.pn-business .pn-item-flex{display: flex;align-items: center;justify-content: center;height: 100%}
/*  */
.pn-product{margin-bottom: 30px}
.pn-product .row{display: flex;flex-wrap: wrap}
.pn-product .pn-item{background-color: #f2f2f2;padding: 20px;border-radius: 5px;text-align: center;overflow: hidden;cursor: pointer;margin-bottom: 30px}
.pn-product .pn-item:hover .pn-name{color: #fba91a}
.pn-product .pn-item .pn-image{margin: -20px -20px 15px -20px}
.pn-product .pn-item .pn-name{font-size: 20px;line-height: 25px;font-weight: bold;margin-bottom: 15px;transition: all ease .3s}
.pn-product .pn-item .pn-price{margin-bottom: 20px}
.pn-product .pn-item .pn-price .pn-price-old{font-size: 16px;line-height: 16px;font-weight: bold;margin-right: 15px;text-decoration: line-through}
.pn-product .pn-item .pn-price span:not(.pn-price-old){font-size: 22px;font-weight: bold;color: #ff0000;line-height: 22px}
.pn-product .pn-item .pn-button{width: 100%}
#pn-popup-product .row [class*='col-']{margin-bottom: 30px}
#pn-popup-product .pn-name-detail{text-transform: uppercase;font-weight: bold;color: #324da1;font-size: 24px;line-height: 29px;margin: 0 0 25px 0}
#pn-popup-product .pn-name-detail:after{content: "";display: block;width: 100px;height: 2px;background-color: #000;margin-top: 25px}
#pn-popup-product .pn-price{margin-bottom: 40px}
#pn-popup-product .pn-price .pn-price-old{font-size: 16px;line-height: 16px;font-weight: bold;margin-right: 20px;text-decoration: line-through}
#pn-popup-product .pn-price span:not(.pn-price-old){font-size: 24px;font-weight: bold;color: #ff0000;line-height: 24px}
#pn-popup-product .pn-description{font-size: 16px;line-height: 26px;margin-bottom: 20px}
#pn-popup-product .pn-description > p{font-size: 20px;line-height: 25px;font-weight: bold;color: #fba91a}
#pn-popup-product .pn-detail-product{margin-top: 30px;border-top: 1px solid #000;padding-top: 10px}
#pn-popup-product .pn-detail-product > p{font-size: 20px;line-height: 25px;margin-bottom: 30px;font-weight: bold}
.showmore{display: none}
/*  */
.pn-center{position: relative;margin-bottom: 50px}
.pn-center .pn-title{position: relative}
.pn-center .pn-title span{position: absolute;height: 1px;background-color: #085ba7;top: 35px;}
.pn-center > div{position: relative;z-index: 1;padding: 50px 0;background: radial-gradient(ellipse at center, rgba(236,246,255,1) 0%,rgba(236,246,255,0.72) 87%,rgba(236,246,255,0.68) 100%)}
.pn-center:before,.pn-center:after{content: "";position: absolute;top: 0;height: 100%;background-repeat: no-repeat;background-size: cover}
.pn-center:before{left: 0;background-image: url(../images/left.png);width: 547px}
.pn-center:after{right: 0;background-image: url(../images/right.png);width: 720px}
.pn-center .row [class*='col-']{margin-bottom: 30px}
.pn-center .pn-wrapper{font-size: 16px;line-height: 26px;margin-bottom: 0}
/*  */
@keyframes move {0%{ top: -10px }50%{ top: 0 }100%{ top: -10px }}
@-webkit-keyframes move {0%{ top: -10px }50%{ top: 0 }100%{ top: -10px }}
.pn-video{margin-bottom: 50px;overflow: hidden}
.pn-video .row{display: flex;flex-wrap: wrap;justify-content: center}
.pn-video .row [class*='col-']{text-align: center;margin-bottom: 30px}
.pn-video .row [class*='col-'] > strong{display: block;font-size: 16px;line-height: 21px;margin-top: 15px}
.pn-video .row + div{position: relative}
.pn-video .row + div span{color: #000;position: relative;margin-left: 10px;margin-top: 3px;width: 3px;height: 30px;background-color: #fbb02e;display: inline-block;animation: move 1s infinite}
.pn-video .row + div span:before{content: '';position: absolute;left: -7px;top: 1px;width: 17px;height: 17px;border-top: solid 3px #fbb02e;border-right: solid 3px #fbb02e;-webkit-transform: rotate(-45deg);transform: rotate(-45deg)}
.pn-video .row + div p{margin: 20px 0 0 0;font-size: 16px;line-height: 21px}
/*  */
/* .pn-team{overflow: hidden} */
.pn-team .pn-title{text-align: left;margin-bottom: 20px}
.pn-team .pn-title-mobile{display: none;}
.pn-team .row [class*='col-']{margin-bottom: 30px}
.pn-team .pn-image a{display: block}
.pn-team .pn-image a:not(.active){display: none}
.pn-team .owl-carousel{margin-top: 10px}
.pn-team .owl-carousel .owl-item{cursor: pointer}
.pn-team .owl-carousel .owl-nav > div{color: #000}
.pn-team .owl-carousel .owl-nav > div:hover{color: #085ba7}
.pn-team .pn-list{display: flex;flex-wrap: wrap;margin: 0 -10px;list-style: none;padding-left: 0}
.pn-team .pn-list li{width: calc(100% / 3);margin-bottom: 30px;padding: 0 10px}
.pn-team .pn-list li div{display: flex;align-items: center;font-size: 16px;line-height: 21px}
.pn-team .pn-list li div span{display: inline-block;width: 40px;height: 40px;border-radius: 100px;background-color: #085ba7;margin-right: 15px}
/*  */
.pn-system{ margin: 195px 0 30px 0;background-color: #ecf6ff;;padding-bottom: 30px;position: relative}
.pn-system:before{content: "";position: absolute;top: -165px;height: 165px;width: 100%;left: 0;background-image: url(../images/wave.png);background-repeat: no-repeat;background-size: cover}
.pn-title-tab{ padding-left: 0; list-style: none; text-align: center; margin-bottom: 40px}
.pn-title-tab li{ margin: 0 15px 15px 15px; display: inline-block}
.pn-title-tab li span{ font-size: 16px; line-height: 21px; border: 1px dashed #085ba7; border-radius: 100px; padding: 8px 25px 7px 25px; display: block; text-transform: capitalize; cursor: pointer}
.pn-title-tab li.active span,.pn-title-tab li:hover span{ background-color: #085ba7; border-style: solid; color: #fff}
.pn-system .pn-title-subtab{padding-left: 0; list-style: none; display: flex; flex-wrap: wrap;justify-content: center; margin: -30px 0 30px 0}
.pn-system .pn-title-subtab li{margin: 0 20px 10px 20px;cursor: pointer}
.pn-system .pn-title-subtab li.active,.pn-system .pn-title-subtab li:hover{color: #f00}
.pn-system .pn-name-branch{ text-transform: uppercase; font-size: 16px; font-weight: bold; margin-bottom: 20px;padding-left: 25px}
.pn-system .pn-gmap iframe{ width: 100%; height: 100%}
.pn-system .row [class*='col-']{margin-bottom: 30px}
.pn-system .pn-gmap{margin-top: 30px}
.pn-system .pn-image{padding: 0}
.pn-system .pn-image a{display: block}
.pn-system .pn-image a:not(.active){display: none}
.pn-system .pn-wrapper-tab{position: relative}
.pn-system .pn-wrapper-tab .pn-tab-item:not(.active){position: absolute;left: 0;top: 0;opacity: 0;visibility: hidden;right: 0}
.pn-system .pn-wrapper-tab .pn-tab-item .pn-info{list-style: none;padding-left: 0}
.pn-system .pn-wrapper-tab .pn-tab-item .pn-info li{margin-bottom: 10px;position: relative;padding-left: 25px;font-size: 16px;line-height: 21px}
.pn-system .pn-wrapper-tab .pn-tab-item .pn-info li .fa{position: absolute;left: 0;top: 1px;width: 18px;text-align: center;font-size: 18px}
.pn-system .owl-carousel{margin-top: 10px}
.pn-system .owl-carousel .owl-nav > div{color: #000}
.pn-system .owl-carousel .owl-nav > div:hover{color: #085ba7}
.fancybox-overlay-fixed{z-index: 10000}
/*  */
.pn-course{margin-bottom: 50px;overflow: hidden}
.pn-course .row{display: flex;flex-wrap: wrap}
.pn-course .row [class*='col-']{margin-bottom: 30px;text-align: center}
.pn-course .row [class*='col-'] .pn-item-video{margin-bottom: 25px}
.pn-course .row [class*='col-'] .pn-item-video + strong{font-size: 16px;line-height: 21px}
/*  */
.pn-care{background-color: #ecf6ff;padding: 50px 0;margin-bottom: 50px;overflow: hidden}
.pn-care .pn-title-line span{background-color: #ecf6ff}
.pn-care .row{display: flex;flex-wrap: wrap}
.pn-care .row [class*='col-']{margin-bottom: 30px;text-align: center}
.pn-care .row [class*='col-'] .pn-item-video{margin-bottom: 25px}
.pn-care .row [class*='col-'] .pn-item-video + strong{font-size: 16px;line-height: 21px}
.pn-care .pn-wrapper-tab .pn-tab-item:not(.active){display: none}
.pn-care .owl-carousel .pn-item-owl{text-align: center;margin-bottom: 30px}
.pn-care .owl-carousel .pn-item-owl .pn-image{margin-bottom: 15px}
.pn-care .owl-carousel .pn-item-owl .pn-image:hover img{transform: initial}
.pn-care .owl-carousel .pn-item-owl > strong{display: block;font-size: 16px;line-height: 21px;cursor: pointer}
.pn-popup-care .modal-dialog{background-color: #fff;padding: 20px}
.pn-popup-care .modal-dialog > h1{font-size: 20px; line-height: 25px; margin: 0 0 20px 0; font-weight: bold;}
.pn-popup-care .modal-dialog .modal-content{box-shadow: none;border: none}
/*  */
.pn-partner{margin-bottom: 30px;overflow: hidden}
.pn-partner .row{display: flex;flex-wrap: wrap}
.pn-partner .row [class*='col-']{margin-bottom: 30px;text-align: center;}
.pn-partner .pn-item span{width: 120px;display: inline-block;margin-bottom: 15px;}
.pn-partner .pn-item span img{max-width: 100%}
.pn-partner .pn-item div{text-align: justify;}
.pn-partner .pn-item strong{display: block;text-transform: uppercase;color: #324da1;font-size: 16px;line-height: 21px;margin-bottom: 10px;text-align: center;}
.pn-partner .pn-item p{margin-bottom: 0;font-size: 16px;line-height: 26px}
/*  */
.pn-question{margin-bottom: 30px;overflow: hidden}
.pn-question .row [class*='col-']{margin-bottom: 30px}
.pn-question .pn-list-question{list-style: none;padding-left: 0;margin-bottom: 0}
.pn-question .pn-list-question li:not(:last-child){margin-bottom: 10px}
.pn-question .pn-list-question li > span{display: block;cursor: pointer;box-shadow: 10px 0px 10px rgba(0,0,0,.3);font-size: 16px;line-height: 21px;font-weight: bold;position: relative;padding:25px 30px 24px 60px;border-radius: 5px;background: linear-gradient(to bottom, rgba(69,109,234,1) 0%,rgba(51,79,165,1) 100%);color: #fff}
.pn-question .pn-list-question li > span:before{content: ""; position: absolute; width: 15px; height: 15px; border-width: 0 0 2px 2px; border-style: solid; border-color: #fff; z-index: 1; left: 28px; transform: rotate(-45deg) translateY(-50%); top: 50%; margin-top: -5px;transition: all ease .3s}
.pn-question .pn-list-question li.active > span:before{display: none}
.pn-question .pn-list-question li.active > span:after{content: ""; position: absolute; width: 20px;height: 2px;background-color: #fff;left: 20px;top: 50%;transform: translateY(-50%)}
.pn-question .pn-list-question li > div{border-radius: 5px;background-color: #eaedf5;padding: 20px 20px 20px 60px;display: none}
/*  */
.pn-policy{background-color: #ecf6ff;padding: 50px 0;overflow: hidden;margin-bottom: 30px}
.pn-policy .pn-title{margin-bottom: 15px}
.pn-policy .pn-wrapper ul,ol{list-style: none;padding-left: 0}
.pn-policy .pn-wrapper ul li,ol li{margin-bottom: 10px;position: relative;padding-left: 25px}
.pn-policy .pn-wrapper ul li:before,ol li:before{content: ""; position: absolute; left: 0; top: 4px; height: 7px; width: 13px; border-width: 0 0 2px 2px; border-style: solid; border-color: #000; transform: rotate(-45deg)}
.pn-policy .row [class*='col-']{margin-bottom: 30px}
.pn-policy .row [class*='col-'] > p{background-color: #085ba7;color: #fff;display: inline-flex;align-items: center;font-size: 20px;line-height: 30px;padding: 15px 30px 15px 85px;position: relative;border-radius: 100px;margin-bottom: 20px}
.pn-policy .row [class*='col-'] > p span{display: inline-flex;width: 70px;height: 70px;border-radius: 100%;position: absolute;left: -5px;align-items: center;justify-content: center;border: 5px solid #ecf6ff}
.pn-policy .pn-team + .text-center{margin-top: 30px}
.pn-policy .pn-team + .text-center p{font-size: 34px;line-height: 48px;text-transform: uppercase;font-weight: bold;margin-bottom: 20px}
.pn-policy .pn-title-line span{background-color: #ecf6ff}
.pn-policy .pn-title + p{font-size: 24px;line-height: 30px;color: #f57401;font-weight: bold;text-align: center;margin: 0 auto 60px auto;padding: 0 15px}
/*  */
.pn-gotop{width: 55px; height: 55px; position: fixed; right: 15px; top: 50%; transform: translateY(-50%); z-index: 100; opacity: 0.3; display: flex; justify-content: center; background-color: #000; border-radius: 100%; font-size: 20px; padding-top: 23px;color: #fff}
.pn-gotop:before{content: ""; position: absolute; width: 25px; height: 6px; background-color: #fff; border-radius: 10px; top: 16px}
.pn-gotop:hover{background-color: #085ba7;opacity: 1}
.pn-gotop:hover .fa,.pn-gotop:focus .fa{color: #fff}
@-webkit-keyframes coccoc-alo-circle-img-anim{0%{-webkit-transform:rotate(0) scale(1) skew(1deg)}10%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}20%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}30%{-webkit-transform:rotate(-25deg) scale(1) skew(1deg)}40%{-webkit-transform:rotate(25deg) scale(1) skew(1deg)}50%{-webkit-transform:rotate(0) scale(1) skew(1deg)}100%{-webkit-transform:rotate(0) scale(1) skew(1deg)}}
@-webkit-keyframes zoom{ 0%{ transform: scale(1.2); }50%{ transform: scale(1); }100%{ transform: scale(1.2); }}
.pn-hotline{position:fixed;right:15px;z-index:100;bottom:165px;display: inline-block}
.pn-hotline span{display: inline-block;background-color:#d23f27;color:#fff;font-size: 16px; font-weight: 600; padding: 10px 15px 9px 45px; border-radius: 100px; line-height: 16px;transition: width ease-in .5s;white-space: nowrap;width: 0;overflow: hidden}
.pn-hotline .fa{background-color:#d23f27;color:#fff;width:60px;height:60px;border-radius:100px;font-size:40px;text-align:center;line-height:65px;-webkit-animation-name: coccoc-alo-circle-img-anim; animation-name: coccoc-alo-circle-img-anim; -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out;position: absolute; top: -13px; right: 0;text-indent: initial;transition: all ease-in .3s}
.pn-hotline .fa:after{content: "";width: 60px;height: 60px;top: 0px;left: 0px;border:1px solid #d23f27;position: absolute;border-radius: 100px;animation: zoom 1s infinite}
.pn-hotline:focus,.pn-hotline:hover{color:#fff}
.pn-hotline:hover span{width: 170px}
.pn-hotline:hover .fa{right: calc(100% - 40px)}
.pn-replace{overflow: hidden;display: none;z-index: 1000;position: fixed;right: 15px;bottom: 80px;box-shadow: 0 0 5px rgba(0,0,0,.23);border-radius: 100%;width: 60px;height: 60px}
.pn-replace *{max-width: 100%;max-height: 100%;border-radius: 100%}
.pn-replace.pn-zalo{right: 15px;background:#fff;padding:5px;bottom: 10px;display: block}
.pn-replace.pn-zalo>strong{text-indent:-99999px;background:url(../images/zalo.jpg) no-repeat 0 0;height:50px;width:50px;display: block;background-size: contain}
.pn-replace.pn-mesager{display: block}
@media only screen and (min-width: 1500px){
    body{font-size:16px}
    .container{width:1440px}
    .pn-title-line span,.pn-policy .pn-title + p,.pn-center .pn-title{max-width: 1440px}
    .form-outer .pn-form{ padding: 35px 30px;font-size: 18px;line-height: 23px}
    .form-outer .pn-form h2{font-size: 35px; line-height: 40px}
    .form-outer .pn-form .form-control{ padding-top: 16px; padding-bottom: 16px;margin-bottom: 20px}
}
@media only screen and (min-width: 992px){
    .pn-product-mobile,.pn-outstanding-mobile{display: none}
}
@media only screen and (max-width: 1499px){
    .pn-title-line span,.pn-policy .pn-title + p,.pn-center .pn-title{max-width: 1140px}
}
@media only screen and (max-width: 1199px){
    .pn-title{font-size: 40px;line-height: 50px}
    .pn-title-line:before,.pn-center .pn-title span{top: 30px}
    header ul li{margin-left: 30px}
    header ul li a{font-size: 16px}
    .pn-banner .pn-form{max-width: 80%;margin: 0 auto}
    .pn-banner .pn-form .pn-button{width: auto}
    .pn-discount .pn-title{font-size: 25px;line-height: 30px}
    .pn-discount ul{margin-left: -5px;margin-right: -5px}
    .pn-discount ul li{padding: 0 5px}
    .pn-discount ul li div strong{margin-bottom: 10px}
    .form-outer .pn-form{padding: 15px}
    .form-outer .pn-form h2 + p{margin-bottom: 25px}
    .form-outer .pn-form .form-control{padding-top: 10px;padding-bottom: 10px}
    .pn-team .pn-list li{width: 50%}
    .pn-popup .pn-title{font-size: 35px;line-height: 45px}
    .ingredient-total{width: 300px;height: 300px}
    .pn-ingredient .pn-item p{font-size: 14px;line-height: 19px}
    .ingredient-shapes{width: 320px;left: calc(50% + 15px)}
    .ingredient-list .pn-item{margin-left: 40px}
    .ingredient-shapes.center-content{margin-left: -10px}
}
@media only screen and (max-width: 991px){
    .container{width: 100%}
    .pn-title{margin-bottom: 30px}
    .owl-carousel .owl-nav button.owl-prev{left: 15px}
    .owl-carousel .owl-nav button.owl-next{right: 15px}
    header .pn-logo{max-width: 250px;height: 80px}
    header ul li{margin: 27.5px 0 27.5px 20px}
    /* .pn-banner{padding: 0 0 30px 0;} */
    .pn-banner picture{position: initial;display: block;}
    .pn-discount .pn-price{width: 100%}
    .pn-banner-qc{margin-top: 0}
    .pn-banner-qc .pn-item .pn-button{margin-top: 30px}
    .pn-about{padding-top: 30px;margin-bottom: 30px}
    .pn-about #nanogallery2{margin-bottom: 15px}
    .pn-business{padding: 30px 0;margin-bottom: 30px}
    .pn-product{margin-bottom: 0}
    .pn-product .pn-item .pn-name{font-size: 16px;line-height: 21px}
    .pn-product .pn-item .pn-button{padding-left: 15px;padding-right: 15px}
    .pn-center > div{padding: 30px 0 0 0}
    .pn-center .pn-wrapper{font-size: 14px;line-height: 24px}
    .pn-system .owl-carousel .owl-nav > div{opacity: 1 !important}
    .pn-center{margin-bottom: 30px}
    .pn-title-tab li{margin: 0 5px 10px 5px}
    .pn-title-tab li span{font-size: 14px;line-height: 19px}
    .pn-course{margin-bottom: 30px}
    .pn-course{margin-bottom: 0}
    .pn-care{padding: 30px 0 0 0;margin-bottom: 30px}
    .pn-question{margin-bottom: 0}
    .pn-policy{padding: 30px 0}
    .pn-policy .row [class*='col-'] > p{font-size: 16px}
    .pn-policy .pn-team + .text-center{margin-top: 0}
    .pn-policy .pn-team + .text-center p{font-size: 30px;line-height: 40px}
    .pn-popup .pn-title{font-size: 30px;line-height: 40px}
    .pn-outstanding{padding-bottom: 30px}
    .ingredient-total{display: flex;flex-wrap: wrap;margin: 0 -15px}
    .ingredient-shapes{display: none}
    .pn-outstanding-mobile{margin: 0 -15px;display: flex;flex-wrap: wrap;justify-content: center}
    .pn-outstanding-mobile .pn-item{position: initial;margin-top: 30px;padding: 0 15px;min-height: 60px;display: flex;width: 50%;text-align: left;align-items: center}
    .pn-outstanding-mobile .pn-item a{display: flex;align-items: center}
    .pn-outstanding-mobile .pn-item p{width: 100%;padding-left: 80px;font-weight: bold}
    .pn-ingredient{padding: 50px 0}
    .pn-ingredient .hidden-background{display: block}
    .pn-ingredient .hidden-background .ingredient-total{display: flex;flex-wrap: wrap;margin: 0 -15px}
    .pn-ingredient .hidden-background .pn-item{width: 50%;margin-bottom: 30px;padding: 0 15px 0 120px;text-align: left;min-height: 90px}
    footer{padding-top: 30px}
    footer .row [class*='col-']:first-child > p{text-align: center}
    footer .row [class*='col-']:first-child ul{display: flex;flex-wrap: wrap;margin: 25px -15px 0 -15px}
    footer .row [class*='col-']:first-child ul li{padding: 0 15px 0 45px;width: calc(100% / 3)}
    footer .row [class*='col-']:first-child ul li .fa{left: 15px}
    footer .pn-widget-center{display: block}
    .pn-care .owl-carousel .owl-nav button:not(:hover){background-color: transparent; box-shadow: 0 0 5px rgba(0,0,0,.5);color: #fff}
    /* .pn-wrapper iframe{min-height: 300px;height: 50vh;} */
}
@media only screen and (min-width: 768px){
    .pn-sticky{position: sticky;top: 30px}
    .formAll .pn-title-mobile{display: none}
}
@media only screen and (max-width: 767px){
    .pn-title{font-size: 30px;line-height: 40px}
    .pn-title-line:before,.pn-center .pn-title span{top: 20px}
    header .pn-logo{float: none;margin: 0 auto}
    header ul{display: none}
    .form-outer .pn-form{max-width: 100%;padding: 30px}
    .pn-discount .pn-price{width: auto;padding: 0 60px}
    .pn-discount ul li div strong{font-size: 40px;line-height: 40px}
    .pn-product .pn-item .pn-name{font-size: 18px;line-height: 23px}
    .pn-product .row [class*=col-]:not(.active){display: none}
    .pn-title-tab li{margin-left: 5px;margin-right: 5px}
    .pn-center{overflow: hidden;}
    .pn-question .pn-list-question li > span{padding-top: 15px;padding-bottom: 14px}
    .pn-policy .pn-title + p{font-size: 20px;line-height: 25px;margin-bottom: 30px}
    .pn-popup .pn-title{font-size: 25px;line-height: 35px}
    .pn-popup .pn-price{margin-bottom: 20px}
    .pn-popup .pn-name-detail:after{display: none}
    #pn-popup-product .pn-detail-product{margin-top: 0}
    .showmore{display: block}
    .showmore{margin: 0 auto 30px auto;background-color: transparent; color: #fba91a; border: 1px solid #fba91a}
    .showmore:hover{border-color: #085ba7}
    .pn-outstanding > p{font-size: 18px;line-height: 23px}
    footer .row{display: flex;flex-wrap: wrap}
    footer .row [class*='col-']:not(:first-child){width: 50%}
    .pn-team .pn-title{display: none;}
    .pn-team .pn-title-mobile{display: block;}
    .banner-video{height: auto;}
}
@media only screen and (max-width: 570px){
    .pn-title{font-size: 25px;line-height: 35px}
    .pn-button{padding-left: 30px;padding-right: 30px}
    .pn-item-video span{width: 60px; height: 40px;border-radius: 10px}
    .pn-banner .pn-form{max-width: inherit}
    .pn-banner .pn-form .form-control{margin-bottom: 10px}
    .pn-banner-qc .owl-carousel .owl-nav{margin-top: 20px;display: flex;flex-wrap: nowrap;justify-content: center;}
    .pn-banner-qc .owl-carousel .owl-nav button{position: initial;transform: initial;margin: 0 8px}
    .pn-about #nanogallery2{margin-bottom: 30px}
    .nanogallery_theme_light .nanoGalleryContainerParent{margin: 0 -5px !important}
    .nanogallery_theme_light .nanoGalleryContainer .nanoGalleryThumbnailContainer{margin: 5px !important}
    .pn-business .row .row [class*='col-']{width: 100%}
    .pn-product .row [class*='col-']{width: 50%}
    .pn-product .pn-item .pn-name{font-size: 16px}
    .pn-product .pn-item .pn-price span:not(.pn-price-old){font-size: 20px;line-height: 20px}
    .pn-product .pn-item .pn-price .pn-price-old{font-size: 14px;line-height: 14px;font-weight: normal}
    .pn-center .row [class*='col-']{width: 100%}
    .pn-system{padding: 30px 0 0 0;margin-top: 0}
    .pn-system:before{display: none}
    .pn-system .pn-name-branch{padding-left: 0}
    .pn-course .row [class*='col-'],.pn-care .row [class*='col-']{width: 50%}
    .pn-partner .row [class*='col-']{width: 100%}
    .pn-partner .pn-item p{font-size: 14px;line-height: 24px}
    .pn-policy .pn-team + .text-center p{font-size: 25px;line-height: 30px}
    .pn-policy .pn-title + p{font-size: 18px}
    .pn-popup-detail .pn-content-popup .pn-title{font-size: 25px;line-height: 35px}
    .pn-outstanding-mobile .pn-item{width: 100%;margin-top: 20px;padding-top: 20px;border-top: 1px solid #eee}
    .pn-outstanding > p{font-size: 16px;line-height: 21px}
    .pn-video .row [class*='col-']{width: 50%}
    .pn-popup{padding: 0 15px}
    .pn-popup .modal-body{padding: 0 20px 20px 20px}
    .pn-popup .modal-dialog{width: 100%}
    #pn-popup-product .pn-name-detail{font-size: 20px;line-height: 25px}
    #pn-popup-product .pn-price{margin-bottom: 20px}
    #pn-popup-product .pn-name-detail:after{display: none}
    footer .row{display: block}
    footer .row [class*='col-']:first-child > p{text-align: left}
    footer .row [class*='col-']:not(:first-child){width: 100%}
    footer .row [class*='col-']:first-child ul{margin: 20px 0 0 0;display: block}
    footer .row [class*='col-']:first-child ul li{width: 100%;padding-left: 30px}
    footer .row [class*='col-']:first-child ul li .fa{left: 0}
    /* .pn-wrapper iframe{min-height: 220px;height: 40vh} */
    .pn-discount .pn-price strong{font-size: 40px}
}
@media only screen and (max-width: 480px){
    .pn-title-line:before,.pn-center .pn-title span{display: none}
    .form-outer .pn-form{font-size: 14px;line-height: 19px;padding:35px 20px}
    /* .form-outer .pn-form h2{font-size: 20px;line-height: 25px;} */
    .form-outer .pn-form .pn-button{width: 100%}
    .form-outer .pn-form h2{font-size: 25px;line-height: 30px}
    .form-outer #captcha-field .g-recaptcha{transform: scale(0.8)}
    .pn-discount ul li div{padding-top: 10px;padding-bottom: 10px}
    .pn-discount ul li div strong{font-size: 30px;line-height: 30px;margin-bottom: 5px}
    .pn-discount .pn-price{width: 100%;padding: 0 5px}
    .pn-team .pn-list li div{font-size: 14px;line-height: 21px}
    .pn-policy .pn-team + .text-center p{font-size: 20px}
    .pn-popup .pn-title{font-size: 20px;line-height: 30px}
    #pn-popup-product .pn-description{font-size: 14px;line-height: 19px}
    .pn-ingredient .hidden-background .pn-item{width: 100%}
    .pn-video .row [class*='col-'],.pn-course .row [class*='col-'],.pn-care .row [class*='col-']{width: 100%}
    .pn-product .row [class*='col-']{width: 100%}
}
@media only screen and (max-width: 370px){
    .pn-banner{background-color: #085ba7;}
    .form-outer #captcha-field .g-recaptcha{margin-left: -15px}
    .pn-title,.pn-discount .pn-title{font-size: 20px;line-height: 25px}
    .pn-discount .pn-price span{font-size: 14px}
    .pn-discount ul li div{font-size: 13px}
    .pn-discount .pn-price strong{font-size: 30px;line-height: 30px}
    .pn-team .pn-list{margin-bottom: 20px}
    .pn-team .pn-list li{width: 100%;margin-bottom: 10px}
    .pn-partner .pn-item span{width: 90px;padding-right: 20px}
    .pn-partner .pn-item div{width: calc(100% - 90px)}
    .pn-question .pn-list-question li > span{font-size: 14px;line-height: 19px}
    .pn-question .pn-list-question li > div{padding: 15px}
    .pn-policy .pn-team + .text-center p{font-size: 18px;line-height: 25px}
    .pn-ingredient .hidden-background .pn-item{margin-bottom: 30px}
    .ingredient-total{width: 250px;height: 250px}
    .pn-outstanding-mobile .pn-item{margin-top: 15px;min-height: 45px}
    .pn-outstanding-mobile .pn-item span{width: 45px;height: 45px}
    .pn-outstanding-mobile .pn-item p{font-weight: normal;padding-left: 60px}
    .nGY2 .nGY2GThumbnail{padding: 5px 15px !important}
    .form-outer #captcha-field{margin-left: -15px}
}