a{color: #1e1e1e;transition: all ease .3s}
a:hover,a:focus{text-decoration:none;color:#e0061f}
body{color: #1e1e1e;background:#fff;line-height:1.5;font-family: "Open Sans", sans-serif;font-size:14px}
body.bodyLang_vi{font-size: 13px}
strong{font-weight: 700}.pn-wrapper img{max-width:100%;height: auto !important}
.pn-wrapper{color: #1e1e1e;margin-bottom: 25px;font-size: 16px;line-height: 24px}
.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.fixed{position:fixed;top:0;width:100%;left:0;z-index:999;border-bottom: 1px solid #f0f0f0}
header{background-color: #fff}
header .pn-content-header{border-bottom: 1px solid #f0f0f0}
header.fixed .pn-content-header{border-bottom: none}
@keyframes button{ 0% { box-shadow: 0 0 0 0 #e0061f; } 75% { box-shadow: 0 0 0 16px rgba(109,181,27,0); } 100% { box-shadow: 0 0 0 0 rgba(109,181,27,0); } }
header .pn-button{float: right;margin: 28.5px 0 28.5px 40px;transition: all ease .3s;animation: button 1s infinite;-moz-animation: button 1s infinite;-webkit-animation: button 1s infinite}
#close-menu{display: none}
.pn-logo{float: left}
.pn-logo img{height: 100px}
.pn-wrapper-menu ul{list-style: none;padding-left: 0}
.pn-menu > li:not(:first-child){margin-left: 40px}
.pn-menu li a{display: block;font-size: 15px;line-height: 21px}
.pn-title{font-size: 36px;line-height: 52px;font-weight: bold;color: #e0061f;margin: 0 0 40px 0;text-align: center;text-transform: uppercase;}
.pn-title + .pn-wrapper{margin-top: -10px}
.pn-title-page{font-size: 48px;line-height: 58px;font-weight: bold;margin: 0 0 50px 0;text-align: center;color: #e0061f}
.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{display: inline-block;font-size: 16px;line-height: 21px;font-weight: bold;background-color: #e0061f;color: #fff;padding: 11px 35px;border-radius: 100px;border: none}
.pn-button:hover,.pn-button:focus{background-color: #e0061f;color: #fff;border-color: #e0061f}
.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-gotop{width: 55px; height: 55px; position: absolute; right: -50px; 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: #243118;opacity: 1}
.pn-gotop:hover .fa,.pn-gotop:focus .fa{color: #fff}
/* banner */
.pn-banner{margin-bottom: 60px;overflow: hidden;}
/* .pn-banner .pn-item{flex: 0 0 100%;overflow: hidden;position: relative;height: 100vh;} */

.pn-banner{overflow: hidden;position: relative;}
.pn-banner .owl-carousel .owl-item .pn-item{flex:0 0 100%;overflow: hidden;position: relative;}
.pn-banner .owl-carousel .owl-item video{width: 100%;height:100vh;object-fit: cover;}

.owl-carousel .owl-nav button{width: 45px;height: 45px;font-size: 30px;display: flex;justify-content: center;align-items: center;background-color: #fff;color: #000;border: none;transition: all ease .3s;padding: 0;border-radius: 100%;position: absolute;top: calc(50% - 20px);box-shadow: 0 0 5px rgba(0,0,0,.2)}
.owl-carousel .owl-nav button.owl-prev{left: -50px}
.owl-carousel .owl-nav button.owl-next{right: -50px}
.owl-carousel:hover .owl-nav button.owl-prev{left: 15px}
.owl-carousel:hover .owl-nav button.owl-next{right: 15px}
.owl-carousel .owl-nav button:hover{background-color: #e0061f;color: #fff}
.owl-carousel .owl-dots{text-align: center}
.owl-carousel .owl-dots .owl-dot{width: 10px;height: 10px;border-radius: 100px;background-color: #e0061f;transition: all ease .3s;display: inline-block;margin: 0 5px;cursor: pointer;border: none;}
.owl-carousel .owl-dots .owl-dot.active{width: 30px}
/**/
.pn-form{margin-top: 60px;text-align: center;padding: 60px 30px;border-radius: 20px;overflow: hidden;position: relative;color: #fff;background-color: #e0061f;}
.pn-form:before,.pn-form:after{content: "";position: absolute;width: 535px;height: 536px;background-image: url('../images/bg-form.png');background-repeat: no-repeat;background-size: cover}
.pn-form:before{left: -250px;bottom: -150px}
.pn-form:after{right: -250px;top: -250px;}
.pn-form .pn-title{font-weight: 800;font-size: 56px;line-height: 66px;color: #fff;}
.pn-form .pn-title + .pn-wrapper{margin-top: -25px;color: #fff;}
.pn-form .pn-content-form form{max-width: 650px;margin-left: auto;margin-right: auto;}
.pn-form .pn-content-form img{max-width: 100%;margin-top: -100px}
.pn-form .pn-content-form textarea.form-control{height: 45px;resize: none;padding-top: 12px;}
.pn-form .pn-content-form .form-control{background-color: rgba(255,255,255,0.2);margin-bottom: 20px;border: 1px solid #fff;box-shadow: none;outline: none;height: 45px;padding-left: 20px;padding-right: 20px;color: #fff}
.pn-form .pn-content-form .form-control::-ms-input-placeholder {color: #fff}
.pn-form .pn-content-form .form-control::placeholder {color: #fff}
.pn-form .pn-content-form .pn-button{margin-top: 20px;background-color: #fff;color: #e0061f;}
/**/
footer{background-color: #eaf0f0;padding-top: 40px;font-size: 16px;line-height: 21px;margin-top: 50px}
footer img{height: 155px}
footer .row [class*='col-']{margin-bottom: 30px}
footer .row [class*='col-'] ul{list-style: none;padding-left: 0;margin-bottom: 0}
footer .row [class*='col-'] ul:not(.pn-list-info) li:not(:last-child){margin-bottom: 20px}
footer .row [class*='col-'] ul li a{color: #1e1e1e}
footer .row [class*='col-'] ul li a:hover{color: #e0061f}
footer .row [class*='col-'] ul.pn-list-info li{min-height: 30px;display: flex;align-items: center}
footer .row [class*='col-'] ul.pn-list-info li:not(:last-child){margin-bottom: 15px}
footer .row [class*='col-'] ul.pn-list-info li:before{content: "";min-width: 30px;height: 30px;background-image: url('../images/icon.png');background-repeat: no-repeat;float: left;margin-right: 15px}
footer .row [class*='col-'] ul.pn-list-info li.pn-address:before{background-position: 0 0}
footer .row [class*='col-'] ul.pn-list-info li.pn-phone:before{background-position: 0 -30px}
footer .row [class*='col-'] ul.pn-list-info li.pn-mail:before{background-position: 0 -60px}
footer .row [class*='col-'] ul.pn-list-info li.pn-url:before{background-position: 0 -90px}
.pn-wrapper-pagination{margin-bottom: 30px;text-align: center}
.pagination{margin: 0}
.pagination>li>a, .pagination>li>span{font-size: 16px; display: flex; align-items: center; justify-content: center; color: #000 !important; padding: 0; background-color: transparent !important; line-height: 16px;margin: 0 15px}
.pagination>li:last-child>a, .pagination>li:last-child>span,.pagination>li:first-child>a, .pagination>li:first-child>span{border-radius: 0}
.pagination>li>a, .pagination>li>span,.pagination>li:hover>a, .pagination>li:hover>span{border: none;color: #e0061f}
.pagination li span,.pagination li:hover span{font-weight: bold;color: #002d9c;background-color: transparent !important}
.pagination li a:hover{background-color: transparent;color: #000}
.pagination li.active a{font-weight: bold;color: #002d9c}
.pn-replace{overflow: hidden;display: none;z-index: 100;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: 15px;background:#fff;padding:5px;bottom: 90px}.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}
.zalo-chat-widget {right: 10px !important;bottom: 15px !important}
.g-recaptcha {display: inline-block}
@media only screen and (min-width: 1500px){
    body{font-size:16px}
    .container{width:1440px}
    .pn-menu li a{font-size: 16px}
    .pn-form .pn-content-form form{max-width: 800px}
}
@media only screen and (min-width: 992px){
    header{position: fixed; width: 100%; top: 0; z-index: 100}
    .hidden-desktop,.pn-hotline{display:none}
    .pn-wrapper-menu{float: right;position: relative;transition: all ease .3s}
    .pn-menu{margin: 24.5px 0}
    .pn-menu > li{position: relative;float: left}
    .pn-menu > li.active > a,.pn-menu > li:not(.active):hover > a{color: #e0061f}
    .pn-menu > li.active > a{font-weight: bold}
    .pn-menu > li > a{position: relative;display: inline-block;margin: 15px 0;font-weight: bold}
    .pn-menu > li.haschild > .fa{display: none} 
    .pn-menu > li > ul,.pn-menu > li > div{position: absolute;width: 250px;left: -20px;top: calc(100% + 20px);opacity: 0;visibility: hidden;transform-origin: top;transition: all ease .3s;background-color: #fff;z-index: 100;box-shadow: 0 1px 20px rgba(0,0,0,.1);padding: 20px;border-radius: 10px}
    .pn-menu > li > ul:before,.pn-menu > li > div:before{content: ""; position: absolute; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 15px solid #fff; top: -13px; left: 15px}
    .pn-menu > li:hover > ul,.pn-menu > li:hover > div{opacity: 1;visibility: visible;top: 100%}
    .pn-menu > li > div{width: 500px;display: flex;flex-wrap: wrap;padding-left: 10px;padding-right: 10px}
    .pn-menu > li > div ul{display: flex;flex-wrap: wrap}
    .pn-menu > li > div ul li{width: 50%;padding: 0 10px}
    .pn-menu li ul li:not(:last-child){margin-bottom: 10px}
    .pn-menu > li ul li:hover a{color: #e0061f}
    header.fixed .pn-menu > li:hover > a{color: #e0061f}
    .pn-icon-menu{display: none}
    .pn-replace.pn-mesager{bottom: 77px}
    .pn-sticky{top: 130px;position: sticky}.hidden-desktop{display:none}
    @keyframes icon_choose {0% { transform: translateY(-5px); } 100% {transform: translateY(5px)} }
}
@media only screen and (min-width: 992px) and (max-width: 1199px){
    header .pn-button{position: fixed;margin: 0;left: 15px;bottom: 15px;margin: 0;z-index: 1000;}
}
@media only screen and (max-width: 1499px){
    .pn-menu > li:not(:first-child){margin-left: 20px}
    header .pn-button{font-size: 14px}
}
@media only screen and (max-width: 1199px){
    .pn-wrapper-menu{float: right}
    .pn-form .pn-title{font-size: 40px;line-height: 50px}
    .pn-form .pn-content-form img{margin-top: -80px}
    .pn-hotline{display: flex; width: 60px; height: 60px ; position: fixed; right: 15px; background-color: #1e9546; bottom: 170px; border-radius: 100%; color: #fff; justify-content: center; align-items: center; font-size: 30px; z-index: 100}
    .pn-hotline:focus,.pn-hotline:hover{color: #fff}
    .pn-form .pn-title{font-size: 46px;line-height: 56px;}
}
@media only screen and (max-width: 991px){
    body{position: relative;padding-top: 0 !important}
    .container{width:100%}
    .pn-wrapper{font-size: 14px}
    header{position: relative;border-bottom: 1px solid #ddd;margin-bottom: 15px}
    header .pn-content-header{border-bottom: 0}
    header .pn-button{margin-top: 18.5px;margin-bottom: 18.5px;}
    header:before {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:before {width: 100%}
    .pn-logo img{height: 80px;}
    header.fixed{padding: 0}
    .pn-banner{margin: -15px 0 30px 0}
    .pn-banner .owl-carousel .owl-item .pn-item{aspect-ratio:16/9;}
    .pn-wrapper-menu{position: fixed;left: -100%;width: 100%;top: 0;bottom: 0;width: 320px;background-color: #e0061f;z-index: 1001;transition: all ease .3s;overflow-y: auto;padding-top: 40px}
    .pn-wrapper-menu.active{left: 0}
    .pn-menu li{border-top: 1px solid rgba(255,255,255,.2)}
    .pn-menu li.haschild{padding-right: 41px;position: relative}
    .pn-menu li > .fa:not(.fa){display: block; padding: 10px 15px 10px 5px; color: #000; text-transform: uppercase; font-weight: bold}
    .pn-menu > li:not(:first-child){margin-left: 0}
    .pn-menu li ul{background-color: #c30016;display: none;margin-right: -41px}
    .pn-menu li.haschild > span{position: absolute;right: 0;top: 0;color: #fff;width: 41px;height: 41px;text-align: center;line-height: 45px;font-size: 20px;cursor: pointer}
    .pn-menu li.haschild > span:before{content: "\f107"}
    .pn-menu li.haschild.showchild > span:before{content: "\f106"}
    .pn-menu li.showchild ul{display: block}
    .pn-menu li a{padding: 10px 15px;display: block;color: #fff}
    .pn-icon-menu{margin: 23px 0 23px 20px; padding: 0; background-color: transparent; border: none;float: right}
    .pn-icon-menu span{background-color: #000;height: 2px;width: 30px;display: block;margin: 7px 0}
    .pn-replace.pn-zalo{display: block}
    .pn-title-page,.pn-title{font-size: 30px;line-height: 40px;margin-bottom: 30px}
    body header .pn-header:before { 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-header:before { width: 100%; }
    #close-menu {height: 40px; line-height: 40px; cursor: pointer; font-size: 20px; width: 40px; color: #fff; display: block;position: absolute;text-align: center;top: 0;left: 50%;transform: translateX(-50%)}
    .owl-nav>div{opacity: 1 !important}
    footer{margin-top: 30px;}
    .pn-gotop{display: none}
    .pn-form{margin-top: 30px}
    .pn-form:before,.pn-form:after{display: none}
    .pn-form .pn-title{font-size: 35px;line-height: 45px;}
}
@media only screen and (max-width: 767px){
    footer img{max-height: 80px}
}
@media only screen and (max-width: 680px){
    .pn-replace{bottom: 50px}
    .pn-replace.pn-zalo{bottom: 120px}
    .pn-hotline{bottom: 190px}
}
@media only screen and (max-width: 570px){
    .pn-replace,.pn-hotline{width: 50px;height: 50px}
    .pn-title,.pn-title-page{font-size: 25px;line-height: 35px}
    .owl-carousel .owl-nav{display: flex;align-items: center;justify-content: center}
    .owl-carousel .owl-nav button{width: 40px;height: 40px;line-height: 40px;display: flex;justify-content: center;align-items: center}
    .owl-carousel .owl-nav button,.owl-carousel .owl-nav button .fa{transform: inherit}
    .contact-captcha {width: auto;display: inline-block;margin-bottom: 15px}
    .pn-replace{bottom: 70px}
    .pn-replace.pn-zalo{bottom: 130px}
    .pn-form{padding: 30px}
    .pn-form .pn-title{font-size: 25px;line-height: 35px}
}
@media only screen and (max-width: 480px){
    body{padding-bottom: 40px}
    .pn-button{padding-left: 30px;padding-right: 30px}
    header .pn-button{margin-left: 0}
    .pn-form{border-radius: 0;margin-left: -15px;margin-right: -15px;padding-left: 15px;padding-right: 15px;}
    .pn-form .pn-title{font-size: 25px;line-height: 30px;}
    .pn-form .pn-content-form .form-control{margin-bottom: 15px;}
    footer{margin-top: 0;}
}
@media only screen and (max-width: 370px){
    .pn-wrapper-menu{width: 100%}
    .g-recaptcha{transform: scale(0.75);margin-left: -35px}
    .pn-title{font-size: 22px;line-height: 30px}
    footer{font-size: 14px}
    .pn-form{padding: 30px 15px;}
    .pn-form .pn-title{font-size: 22px;line-height: 30px}
    .pn-form .pn-content-form .pn-button{width: 100%}
    header .pn-button{animation: none;position: fixed;z-index: 100;bottom: 0; margin: 0; border-radius: 0; left: 0; width: 100%; text-align: center}
}