a{color: #000;transition: all ease .3s}
a:hover,a:focus{text-decoration:none;color:#c60b1e}
body{color: #0c224c;background:#fff;line-height:1.5;font-family: 'Mulish', sans-serif;font-size:14px}
strong{font-weight: 700}.pn-wrapper img{max-width:100%}
.zalo-chat-widget {
    right: 10px !important;
    bottom: 15px !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}
label{font-weight:500}
header{background-color: #fff;padding: 10px 0;box-shadow: 0 2px 5px rgba(0,0,0,.2);-moz-box-shadow: 0 2px 5px rgba(0,0,0,.2);-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.2)}
.pn-logo{float: left;vertical-align: middle;height: 70px}
.pn-logo img{max-width: 100%;max-height: 100%}
.pn-header-right{float: right}
.pn-header-right .pn-wrapper-info{border-bottom: 1px solid #000;padding-bottom: 10px}
.pn-header-right .pn-info{float: right}
.pn-header-right .pn-info a{float: left;margin-right: 35px;font-weight: 300;font-size: 14px}.pn-header-right .pn-info a:last-child{margin-right:0}
.pn-header-right .pn-info a .fa{margin-right: 10px;color: #c60b1e}
.pn-header-right .pn-language{float: right;position: relative}
.pn-header-right .pn-language span{display: inline-block;cursor: pointer;font-size: 16px}
.pn-header-right .pn-language span:before{font-family: 'FontAwesome';content: "\f0ac";font-size: 20px;margin-right: 10px;line-height: 20px}
.pn-header-right .pn-language span:after{font-family: 'FontAwesome';content: "\f107";margin-left: 10px;font-size: 20px;line-height: 20px}
.pn-header-right .pn-language ul{background-color: #c60b1e;margin-bottom: 0;padding-left: 0;list-style: none;position: absolute;top: 100%;right: 0;width: 40px;text-align: center;z-index: 10;transition: all ease .3s;transform: scaleY(0);transform-origin: top}
.pn-header-right .pn-language.active ul{transform: scaleY(1)}
.pn-header-right .pn-language ul li a{display: block;padding: 5px;color: #fff}
.pn-menu,.pn-menu ul{margin-bottom: 0;padding-left: 0;list-style: none}
.pn-menu > li > a{font-size: 15px;font-weight: bold}.pn-menu > li > a.hide-md{display:none}
.pn-menu > li:not(:first-child){margin-left: 40px}
.pn-address:before{font-family: 'FontAwesome';content: "\f041";margin-right: 5px}
.pn-phone:before{font-family: 'FontAwesome';content: "\f095";margin-right: 5px}
.pn-email:before{font-family: 'FontAwesome';content: "\f0e0";margin-right: 5px}
.pn-header-right .pn-info .pn-address:before,.pn-header-right .pn-info .pn-phone:before,.pn-header-right .pn-info .pn-email:before{color: #c60b1e;margin-right: 10px}
.pn-banner,.pn-banner .owl-carousel .owl-item{position: relative}
.pn-banner .owl-carousel .owl-item:before,.pn-banner .owl-carousel .owl-item:after,.pn-banner .owl-carousel .owl-item .pn-item:before,.pn-banner .owl-carousel .owl-item .pn-item:after{content: "";position: absolute;transition: all ease 1s;z-index: 10;transition-delay: .5s}
.pn-banner .owl-carousel .owl-item:before,.pn-banner .owl-carousel .owl-item .pn-item:before{width: 0;height: 4px;left: 0;top: 0;background-color: #c90201}
.pn-banner .owl-carousel .owl-item:after,.pn-banner .owl-carousel .owl-item .pn-item:after{width: 4px;height: 0;top: 0;right: 0;background: #850003;background: -moz-linear-gradient(top, #850003 0%, #a44f1b 100%);background: -webkit-linear-gradient(top, #850003 0%,#a44f1b 100%);background: linear-gradient(to bottom, #850003 0%,#a44f1b 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#850003', endColorstr='#a44f1b',GradientType=0 );transition-delay: 1.5s}
.pn-banner .owl-carousel .owl-item.active:before,.pn-banner .owl-carousel .owl-item.active .pn-item:before{width: 100%}
.pn-banner .owl-carousel .owl-item.active:after,.pn-banner .owl-carousel .owl-item.active .pn-item:after{height: 100%}
.pn-banner .owl-carousel .owl-item .pn-item:before{background-color: #ff8b2c;top: inherit;bottom: 0;left: inherit;right: 0;transition-delay: 2.5s}
.pn-banner .owl-carousel .owl-item .pn-item:after{right: inherit;left: 0;top: inherit;bottom: 0;background: #850003;background: -moz-linear-gradient(top, #850003 0%, #a44f1b 100%);background: -webkit-linear-gradient(top, #850003 0%,#a44f1b 100%);background: linear-gradient(to bottom, #850003 0%,#a44f1b 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#850003', endColorstr='#a44f1b',GradientType=0 )}
.pn-banner .owl-carousel .owl-item .pn-item:after{transition-delay: 3.5s}
.pn-banner .owl-carousel .pn-item{position: relative}
.pn-banner .owl-carousel .pn-item picture{position: relative;display: block}
/*.pn-banner .owl-carousel .pn-item.have-content picture:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0,0,0,.5);z-index: 10}*/
.pn-banner .owl-carousel .pn-item .container{position: absolute;text-align: center;z-index: 100;top: 50%; left: 50%; transform: translate(-50%,-50%);color: #fff;display: none}
.pn-banner .owl-carousel .pn-item .container .pn-title{color: #fff;margin-bottom: 15px}
.pn-banner .owl-carousel .pn-item .container .pn-wrapper{padding: 0 80px}
.pn-image{display: block;text-align: center}
.pn-image img{max-width: 100%}
.pn-button{background-color: #c60b1e;text-transform: uppercase;padding: 5px 20px;color: #fff;display: inline-block}
.pn-button:hover,.pn-button:focus{box-shadow: 5px 5px 1px rgba(0,0,0,.1);background-color: #c60b1e;color: #fff}
.pn-title{font-weight:bold;margin:0 0 60px 0;font-size:40px;line-height:45px;text-transform: uppercase;color: #c60b1e;text-align: center;position: relative}
.pn-title span{display: inline-block;padding: 0 40px;position: relative;z-index: 1}
.pn-title:before,.pn-title:after{content: "";display: block;width: 0;height: 2px;background-color: #c60b1e;top: 50%;transform: translateY(-50%);position: absolute;transition: all ease 2s}
.pn-title:before{left: 0}
.pn-title:after{right: 0}
.pn-sub-title{text-align: center;text-transform: uppercase;color: #c60b1e;font-size: 26px;line-height: 31px;margin: 0 0 20px 0;font-weight: bold;display: block}
.pn-wrapper-form{background-image: url(../images/bg-form.png);background-position: bottom left;background-repeat: no-repeat;text-align: center}
.pn-form{background-color:#c60b1e;margin: 90px auto;max-width: 870px;border-radius: 20px;padding: 30px 90px 15px 90px;background-image: url(../images/after-form.jpg);background-position: right bottom;background-repeat: no-repeat}
.pn-form .pn-title{color: #fff;font-size: 26px;line-height: 31px;position: relative;padding-bottom: 20px;margin-bottom: 30px}
.pn-form .pn-title:after{content: "";display: block;width: 160px;height: 1px;background-color: #fff;position: absolute;left: 50%;transform: translateX(-50%);bottom: 0;top: inherit}
.pn-form .pn-title:before{position: absolute;font-family: "FontAwesome";content: "\f005";bottom: -14px;left: 50%;transform: translateX(-50%);background-color: #c60b1e;padding-left: 10px;padding-right: 10px;z-index: 1;font-size: 15px;top: inherit;width: auto;height: auto}
.pn-form .form-control{margin-bottom:20px;height:45px;background-color: transparent;border: none;border-bottom: 1px solid #fff;box-shadow: none;border-radius: 0;margin-bottom: 10px;padding: 10px 0;color: #fff}
.pn-form .form-control:focus{outline: none;box-shadow: none;border-color: #fff}
.pn-form .form-control::-webkit-input-placeholder{color:#fff}
.pn-form .form-control:-ms-input-placeholder{color:#fff}
.pn-form .form-control::placeholder{color:#fff}
.pn-form textarea.form-control{height:inherit;resize:none}
.pn-form button{font-size: 16px;line-height: 21px;font-weight: 700;background-color: #fff;border: none;padding: 10px 40px 9px 40px;color: #c60b1e;text-transform: uppercase;margin-top: 15px;transition: all ease .3s}
.pn-form button:hover{box-shadow: 5px 5px 1px rgba(0,0,0,.3)}
.captcha-field{position: relative;width: 60%;margin-left: auto;margin-right: auto}
.captcha-field .form-control{padding-right: 115px}
.captcha-field span{position: absolute;right: 0;top: 11px}
#captcha-field{display: inline-block}
footer{background-color: #f5f5f5;padding: 40px 0 20px 0;text-align: center}
footer .row [class*='col-']{margin-bottom: 20px}
footer .pn-info .fa{margin-right: 5px}
footer .pn-social a{margin: 0 10px;font-size: 16px;display: inline-block}
footer .pn-link a{text-transform: uppercase;font-weight: bold}
footer img{max-width:100%}
footer .row [class*='col-'] span:before {
    content: "";
    display: block;
    width: 25px;
    height: 25px;
    margin: 0 auto;
    margin-bottom: 8px;
    background: url(../images/icon.png) no-repeat 0px 0px;
}
footer .row [class*='col-'] span{word-break: break-word;}
footer span{display: block}
footer .row [class*='col-']:nth-child(2) span:before {
    background-position: -50px 0px;
}
footer .row [class*='col-']:nth-child(3) span:before {
    background-position: -25px 0px;
}
footer .row [class*='col-']:nth-child(4) span:before{
   background-position: -75px 0px;
}
footer .pn-social{padding-top: 30px}
.copyright{text-align: center;padding: 15px 0}
.copyright .policy-footer {
    text-indent: -9999px;
    height: 40px;
    width: 107px;
    background: url(../images/icon.png) no-repeat 0 -24px;
display: inline-block
}
.pn-hotline{background-color:#3eba2e;color:#fff;width:60px;height:60px;border-radius:100px;position:fixed;right:15px;display:none;z-index:9999;bottom:120px;font-size:40px;text-align:center;line-height:65px;box-shadow:0 0 5px rgb(0,0,0,.5)}
.pn-hotline:focus,.pn-hotline:hover{color:#fff}
.pagination{margin-top: 0;margin-bottom: 50px}
.pagination li a{color: #000}
.pagination li.active a{background-color: #c60b1e;color: #fff;border-color: #c60b1e}
.pn-replace{overflow: hidden;display: none;z-index: 1000;position: fixed;right: 15px;bottom: 15px;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: 90px;background:#fff;padding:5px}.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}.js-down{display: none}
.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:#c60b1e;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;list-style:n}.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}
@media only screen and (min-width: 1500px){
    body{font-size:16px}
    .container{width:1440px}
    .pn-header-right .pn-language{margin-left: 55px}
    .pn-menu > li > a{font-size: 17px}
    footer .row{margin: 0 -30px}
    footer .row [class*='col-']{padding: 0 30px}
}
@media only screen and (max-width: 1499px){
    .pn-menu > li:not(:first-child){margin-left: 30px}
}
@media only screen and (min-width: 1200px){
    .pn-banner .owl-carousel .pn-item .container .pn-title{font-size: 50px;line-height: 60px}
}
@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{height: 60px}
    header.fixed .pn-header-right .pn-wrapper-info{display: none}
    header.fixed .pn-menu > li{padding: 18px 0}
    .pn-logo{transition: all ease .3s}
    .pn-menu{float: right}
    .pn-menu > li{position: relative;float: left;padding: 10px 0 5px 0}
    .pn-menu > li > a{text-transform: uppercase}
    .pn-menu > li.active > a{font-weight: bold;color: #c60b1e}
    .pn-menu > li:hover > a{color: #c60b1e}
    .pn-menu li ul{position: absolute;top: 100%;left: 50%;z-index: 100;list-style: none;padding-left: 0;margin-bottom: 0;width: 200px;background-color: #fff;border: 1px solid #e4e4e4;transition: all ease .3s;transform: scaleY(0) translateX(-50%);transform-origin: top;box-shadow: 2px 2px 1px rgba(0,0,0,.1)}
    .pn-menu li:hover > ul{transform: scaleY(1) translateX(-50%)}
    .pn-menu li ul li:not(:last-child){border-bottom: 1px solid #e4e4e4}
    .pn-menu li ul li a{font-size: 16px;padding: 5px 10px;display: block;line-height: 21px}
    .pn-menu li ul li:hover > a{font-weight: bold;color: #000}
    .pn-icon-menu,.pn-menu li.haschild span{display: none}
    .pn-replace.pn-mesager{bottom: 77px}
}
@media only screen and (max-width: 1199px){
    .pn-header-right .pn-info a{font-size: 14px}
    .pn-menu > li:not(:first-child){margin-left: 25px}
    .pn-menu > li > a{font-size: 16px}
.pn-header-right .pn-info a.pn-email{display: none}
}
@media (min-width: 992px) and (max-width:1199px){
    .pn-menu > li > a.show-md{display:none}.pn-menu > li > a.hide-md{display:block}
}

@media only screen and (max-width: 991px){
    .container{width:100%}
    header{position: relative;padding: 10px 0}
    .pn-header-right .pn-info .pn-address{display: none}
    .pn-menu{position: absolute;left: 0;width: 100%;top: 100%;background-color: #c60b1e;z-index: 100;transition: all ease .3s;opacity: 0;visibility: hidden;box-shadow: 0 2px 5px rgba(0,0,0,.2);-moz-box-shadow: 0 2px 5px rgba(0,0,0,.2);-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.2)}
    .pn-menu.active{opacity: 1;visibility: visible}
    .pn-menu li{border-top: 1px solid rgba(255,255,255,.2)}
    .pn-menu li ul{background-color: #940211;display: none;margin-right: -45px}
    .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{padding: 10px 15px;display: block;color: #fff}
    .pn-menu > li:not(:first-child){margin-left: 0}
    .pn-icon-menu{position: absolute;margin: 0;right: 15px;top: 23px;float: right;background-color: transparent;border: none;padding: 5px 0}
    .pn-icon-menu span{background-color: #c60b1e;height: 2px;width: 30px;display: block;margin: 7px 0}
    .pn-form{margin: 50px auto;background-image: none}
    .pn-header-right .pn-info{display: none}
    .pn-header-right .pn-language{margin: 23px 70px 0 0}
    .pn-header-right .pn-wrapper-info{padding: 0;border-bottom: none}
    .pn-logo{height: 70px}
    .pn-title{font-size: 30px;line-height: 35px}
    .pn-sub-title{font-size: 20px;line-height: 25px}
    .pn-replace{display: block}
 .copyright{padding-bottom: 60px}
    .pn-hotline{display: inline-block;left: 15px;bottom: 15px}
}
@media only screen and (max-width: 767px){
    header{padding: 10px 0}
    .pn-form{padding: 30px}
    .pn-wrapper-banner,.pn-advantages{margin-bottom: 30px}
    .pn-banner .owl-carousel .pn-item .container .pn-wrapper{display: none}
    .pn-banner .owl-carousel .pn-item .container .pn-title{margin-bottom: 0}
    .pn-title{font-size: 25px;line-height: 30px;margin-bottom: 50px}
    .pn-title span{padding: 0 10px}
footer .row{display: flex;flex-wrap: wrap}
}
@media only screen and (max-width: 570px){
    .pn-form{width: 100%}
    .pn-feel .pn-item{border-radius: 10px;padding: 20px;text-align: center}
    .pn-feel .pn-item .pn-image{transform: inherit;width: 150px;height: 150px;float: inherit; margin: 0 auto 15px auto;left: inherit;position: inherit;display: block}
    .pn-form{background-image: none;padding: 30px}
    .captcha-field{width: 100%}
    .pn-title{margin-bottom: 30px}
    .pn-title span{padding-left: 10px;padding-right: 10px}
    .pn-banner .owl-carousel .pn-item .container .pn-title{font-size: 18px;line-height: 23px}
    .pn-replace{width: 50px;height: 50px;}
    .pn-replace.pn-zalo{right: 80px}
    .pn-hotline{width: 50px;height: 50px;font-size: 30px;line-height: 54px}
footer .row [class*='col-']{width: 50%}
}
@media only screen and (max-width: 480px){
    .pn-header-right .pn-language span:before{display: none}
    .pagination{margin-bottom: 30px}
.g-recaptcha{transform: scale(0.8);}
footer .row [class*='col-']{width: 100%}
footer .pn-social{padding-top: 0}
}
@media only screen and (max-width: 370px){
    .pn-banner .owl-carousel .pn-item .container .pn-title{font-size: 15px;line-height: 20px}
    .pn-title{font-size: 20px;line-height: 25px}
    .pn-sub-title{font-size: 17px;line-height: 22px}
    .pn-form button{width: 100%}
    .pn-logo{height: 60px}
    .pn-icon-menu{top: 18px}
    .pn-header-right .pn-language{margin-top: 18px}
#captcha-field{width: 100%}
.g-recaptcha{margin-left: -28px}
.pn-form{padding: 30px 15px}
.pn-form .pn-title{font-size: 20px}
}