a{color: #24303d;transition: all ease .3s}
a:hover,a:focus{text-decoration:none;color:#017ffe}
body{color: #1e1e1e;background:#fff;line-height:1.5;font-family: "Open Sans", sans-serif;font-size:14px}
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}
@keyframes button{ 0% { box-shadow: 0 0 0 0 #ff7261; } 75% { box-shadow: 0 0 0 16px rgba(255,114,97,0); } 100% { box-shadow: 0 0 0 0 rgba(255,114,97,0); } }
header .pn-navtop{background: rgb(102,174,249); background: linear-gradient(90deg, rgba(102,174,249,1) 70%, rgba(2,127,254,1) 100%);position: relative}
header .pn-navtop:before{content: "";position: absolute;left: 0;width: 35%;height: 100%;background-color: #fff}
header .pn-navtop:after{content: "";position: absolute;width: 0; height: 0; border-top: 0 solid transparent; border-left: 50px solid #fff; border-bottom: 80px solid transparent;left: 35%;top: 0}
header .pn-navtop .pn-button{background-color: #ff7261;padding: 10px 30px;float: right;margin: 17.5px 0 17.5px 60px;transition: all ease .3s; animation: button 1s infinite; -moz-animation: button 1s infinite; -webkit-animation: button 1s infinite;display: flex;align-items: center}
header .pn-navtop .pn-button .fa{margin-right: 10px;font-size: 25px;line-height: normal;float: left}
header .pn-navtop .pn-button:hover{background-color: #ff7261;color: #fff}
header .pn-navtop ul{list-style: none;padding-left: 0;margin-bottom: 0}
header .pn-navtop .container > ul{display: flex;flex-wrap: nowrap;float: right;margin: 20px 0}
header .pn-navtop .container > ul > li{margin-left: 20px;display: flex;align-items: center}
header .pn-navtop .container > ul > li > a{color: #fff;position: relative}
header .pn-navtop .container > ul > li:not(:last-child) > a{display: block;width: 40px;height: 40px;border-radius: 100px}
header .pn-navtop .container > ul > li:not(:last-child).active > a{background-color: rgba(1,127,254,0.5)}
header .pn-navtop .container > ul > li:not(:last-child).active > a:before{transform: scale(0.7)}
header .pn-navtop .container > ul > li > a .fa{font-size: 25px}
header .pn-navtop .container > ul > li:last-child .fa{margin-right: 10px;float: left}
header .pn-navtop .container > ul > li:last-child > a:after{font-family: "FontAwesome";content: "\f107";float: right;margin-left: 10px}
header .pn-navtop .container > ul > li > a span{display: inline-block;font-size: 10px;width: 15px;height: 15px;background-color: #ff7261;border-radius: 100px;text-align: center;padding-right: 2px;position: absolute;bottom: 20px;right: 3px}
header .pn-navtop .container > ul > li:not(:last-child) > ul{position: absolute; width: 290px; background-color: #fff; padding: 15px 10px; z-index: 10; top: calc(100% + 7px); border-radius: 8px; left: -100px; box-shadow: 3px 5px 40px rgba(0, 0, 0, .25)}
header .pn-navtop .container > ul > li:not(:last-child) > ul li{margin-bottom: 10px}
header .pn-navtop .container > ul > li:not(:last-child) > ul li a{font-size: 12px;line-height: 17px}
header .pn-navtop .container > ul > li:not(:last-child) > ul li img{float: left;margin-right: 10px}
header .pn-navtop .container > ul > li:not(:last-child) > ul li strong{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis}
header .pn-navtop .container > ul > li:not(:last-child) > ul li span{display: block;font-size: 10px;line-height: 10px;margin-top: 5px;color: rgba(41,41,43,.6)}
header .pn-navtop .container > ul > li:not(:last-child):not(.active) > ul{display: none}
header .pn-navtop .container > ul > li:not(:last-child).active > ul{display: block}
header .pn-navtop ul li{position: relative}
header ul > li.pn-icon-like > a:before{content: "";width: 28px;height: 25px;background-image: url('../images/icon.png');background-repeat: no-repeat;background-position: -72px -26px;display: block;margin: 7.5px 0 0 6px}
header ul > li.pn-icon-comment > a:before{content: "";width: 25px;height: 25px;background-image: url('../images/icon.png');background-repeat: no-repeat;background-position: -61px -75px;display: block;margin: 7.5px 0 0 7.5px}
header ul > li.pn-icon-bell > a:before{content: "";width: 22px;height: 25px;background-image: url('../images/icon.png');background-repeat: no-repeat;background-position: -58px 0;display: block;margin: 7.5px 0 0 9px}
header ul > li.pn-account > a{position: relative;padding-left: 35px;height: 25px}
header ul > li.pn-account > a:before{content: "";position: absolute;width: 25px;height: 25px;background-image: url('../images/icon.png');background-repeat: no-repeat;background-position: -47px -42px;left: 0;top: 0}
header .pn-navtop ul li.pn-account > ul{position: absolute;width: 130px;right: 0;background-color: #fff;transition: top .5s;display: none;z-index: 10;top: 100%;box-shadow: 0 5px 15px rgba(0,0,0,.2)}
header .pn-navtop ul li.pn-account > ul li:not(:last-child){border-bottom: 1px solid #c3c6ca}
header .pn-navtop ul li.pn-account > ul li a{display: block; padding: 10px 10px 9px 10px; text-align: center; font-size: 16px; line-height: 21px}
header .pn-navtop ul li.pn-account > ul li:hover a{text-shadow: 0 0 1px #24303d;color: #24303d}
header .pn-navtop ul li.pn-account > a{font-size: 16px;line-height: 25px}
header .pn-navtop ul li.pn-account > a strong{display: inline-block;vertical-align: top; max-width: 100px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;font-weight: normal}
header .pn-navtop ul li.pn-account.active > ul,header .pn-navtop ul li.pn-account.active .pn-menu-account{display: block}
header .pn-navtop ul li.pn-account .pn-menu-account{width: 310px;position: absolute;right: 0;top: calc(100% + 20px);background-color: #fff;z-index: 10;border-radius: 10px;overflow: hidden;display: none;box-shadow: 0 5px 15px rgba(0,0,0,.2)}
header .pn-navtop ul li.pn-account .pn-menu-account > div{padding: 20px 30px;background-color: #017ffe;color: #fff;position: relative}
header .pn-navtop ul li.pn-account .pn-menu-account > div strong{display: block;font-size: 16px;line-height: 21px;margin-bottom: 5px}
header .pn-navtop ul li.pn-account .pn-menu-account > div p{font-size: 16px;line-height: 24px}
header .pn-navtop ul li.pn-account .pn-menu-account > div p span{color: #fbff9a}
header .pn-navtop ul li.pn-account .pn-menu-account > div:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-image: url('../images/bg-menu-account.jpg');background-repeat: no-repeat;background-size: cover;background-position: center;opacity: 0.3}
header .pn-navtop ul li.pn-account .pn-menu-account > div .pn-button{float: none; border-radius: 0; animation: none; background-color: #00d4ae; display: inline-block; margin: 0; padding: 10px 27px 9px 27px;left: inherit;bottom: inherit}
header .pn-navtop ul li.pn-account .pn-menu-account > div .pn-button:hover{background-color: #ff7261}
header .pn-navtop ul li.pn-account .pn-menu-account > div *{position: relative;z-index: 1}
header .pn-navtop ul li.pn-account .pn-menu-account ul{padding: 10px 30px}
header .pn-navtop ul li.pn-account .pn-menu-account ul li{margin-bottom: 15px;padding-left: 28px;position: relative;min-height: 20px;display: flex;align-items: center}
header .pn-navtop ul li.pn-account .pn-menu-account ul li:before{content: "";position: absolute;background-image: url('../images/icon.png');background-repeat: no-repeat;left: 0}
header .pn-navtop ul li.pn-account .pn-menu-account ul li:nth-child(1):before{width: 20px;height: 20px;background-position: -21px -21px}
header .pn-navtop ul li.pn-account .pn-menu-account ul li:nth-child(2):before{width: 20px;height: 16px;background-position: -21px -42px}
header .pn-navtop ul li.pn-account .pn-menu-account ul li:nth-child(3):before{width: 20px;height: 17px;background-position: -25px -59px}
header .pn-navtop ul li.pn-account .pn-menu-account ul li:nth-child(4):before{width: 14px;height: 16px;background-position: -21px -81px}
header .pn-navtop ul li.pn-account .pn-menu-account ul li:nth-child(5):before{width: 15px;height: 19px;background-position: -37px 0}
header .pn-navtop ul li.pn-account .pn-menu-account ul li:nth-child(6):before{width: 19px;height: 19px;background-position: -43px -21px}
header .pn-navtop ul li.pn-account .pn-menu-account ul li:nth-child(7):before{width: 20px;height: 20px;background-position: -37px -80px}
header .pn-navtop ul li.pn-account .pn-menu-account ul li:last-child{padding-top: 12px;border-top: 1px solid #f2f5fa}
header .pn-header{background-color: #f2f5fa}
header .pn-header .pn-button{float: right;background-color: #017ffe;color: #1b191c;animation: button 1s infinite; -moz-animation: button 1s infinite; -webkit-animation: button 1s infinite}
#close-menu{display: none}
.pn-logo{float: left;height: 80px;padding: 5px 0;position: relative;transition: .5s}
.pn-logo img{max-width: 75px;height: 100%}
.pn-wrapper-menu{float: right}
.pn-wrapper-menu ul{margin-bottom: 0;list-style: none;padding-left: 0}
.pn-menu > li:not(:first-child){margin-left:50px}
.pn-menu > li > a{display: block;color: #24303d}
.pn-title{text-align: center;font-size: 34px;line-height: 44px;color: #000a73;text-transform: uppercase;margin: 0 0 60px 0}
.pn-title span{display: inline-block;padding: 0 55px;position: relative}
.pn-title span:before,.pn-title span:after{content: "";position: absolute;background-image: url(../images/title.png);background-repeat: no-repeat;width: 30px;height: 30px;top: 3px}
.pn-title span:before{left: 0}
.pn-title span:after{right: 0;transform: rotate(90deg)}
.pn-title span strong{display: block;position: relative}
.pn-title span strong:before{content: "";position: absolute;left: 0;height: 2px;background: linear-gradient(to right, rgba(244,130,118,0) 0%,rgba(244,130,118,0.8) 15%,rgba(244,130,118,1) 19%,rgba(244,130,118,1) 20%,rgba(244,130,118,1) 50%,rgba(244,130,118,1) 80%,rgba(244,130,118,1) 81%,rgba(244,130,118,0.8) 85%,rgba(244,130,118,0) 100%);width: 100%;bottom: -10px}
.pn-title span strong:after{content: "";position: absolute;width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 5px solid rgba(244,130,118,1);left: 50%; bottom: -15px; transform: translateX(-50%)}
.pn-title-page{font-size: 48px;line-height: 58px;font-weight: bold;margin: 0 0 50px 0;text-align: center;color: #017ffe}
.pn-image{display: block;text-align: center;overflow: hidden;position: relative}
.pn-image img{max-width: 100%;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: #017ffe;color: #fff;padding: 12px 35px;border-radius: 100px;border: none}
.pn-button:hover,.pn-button:focus{background-color: #017ffe;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-gotop{width: 45px; height: 45px; position: fixed; right: 15px; top: 50%; transform: translateY(-50%); z-index: 100; opacity: 0.3; background-color: #000; border-radius: 100%; font-size: 25px; color: #fff; line-height: 40px;text-align: center;}
.pn-gotop:hover{background-color: #017ffe;opacity: 1}
.pn-gotop:hover .fa,.pn-gotop:focus .fa{color: #fff}
.pn-quancao{margin-bottom: 30px;text-align: center}
.pn-breadcrumb{margin: -25px 0 40px 0;font-size: 16px;line-height: 21px}
.pn-breadcrumb a{float: left;margin-left: 5px}
.pn-breadcrumb a:first-child{margin-left: 0}
.pn-breadcrumb a:after{content: "/";float: right}
.pn-breadcrumb strong{color: #24303d;margin-left: 5px;float: left}
/* banner */
.pn-banner{overflow: hidden;width: 100%;margin-bottom: 0}
.pn-banner .owl-carousel .owl-nav button{width: 45px;height: 45px;font-size: 30px;line-height: 45px;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)}
.pn-banner .owl-carousel .owl-nav button.owl-prev{left: -50px}
.pn-banner .owl-carousel .owl-nav button.owl-next{right: -50px}
.pn-banner .owl-carousel:hover .owl-nav button.owl-prev{left: 15px}
.pn-banner .owl-carousel:hover .owl-nav button.owl-next{right: 15px}
.pn-banner .owl-carousel .owl-nav button:hover{background-color: #017ffe;color: #fff}
/**/
.pn-filter{margin: -80px 0 60px 0;position: relative;z-index: 4}
.pn-filter .pn-wrapper-col{position: relative}
.pn-filter .pn-wrapper-col .pn-background{background: linear-gradient(to bottom, rgba(189,212,250,1) 0%,rgba(236,242,255,1) 100%);position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden}
.pn-filter .pn-wrapper-col .pn-background:before{content: "";position: absolute;width: 300px;height: 450px;top: 50%;left: -320px;background: linear-gradient(45deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);transform: skewX(145deg) translateY(-50%);opacity: 0.57;z-index: 1}
.pn-filter .pn-wrapper-col .pn-background div:before,.pn-filter .pn-wrapper-col .pn-background div:after{content: "";position: absolute;width: 295px;height: 100%;top: 0;background: linear-gradient(45deg, rgba(255,255,255,1) 0%,rgba(255,255,255,0) 100%);transform: skewX(145deg);opacity: 0.57}
.pn-filter .pn-wrapper-col > div{display: flex;flex-wrap: wrap;padding: 65px 5px 55px 5px;position: relative}
.pn-filter .pn-wrapper-col .pn-background div:before{left: 137px}.pn-filter .pn-wrapper-col .pn-background div:after{left: 431px}
.pn-filter .pn-wrapper-col .pn-col{width: calc(100% / 7);padding: 0 5px;position: relative;z-index: 1}
.pn-filter .pn-wrapper-col .pn-col.active{z-index: 2}
.pn-filter .pn-wrapper-col .pn-col > div:nth-child(1){display: flex; background-color: #fff; height: 45px; align-items: center; padding: 0 30px 0 38px; cursor: pointer;position: relative;width: 100%}
.pn-filter .pn-wrapper-col .pn-col > div:nth-child(1):before{content: "";position: absolute;background-image: url('../images/icon.png');background-repeat: no-repeat;width: 20px;height: 20px;background-position: 0 -21px;left: 8px}
.pn-filter .pn-wrapper-col .pn-col > div:nth-child(1):after{font-family: "FontAwesome"; content: "\f107"; position: absolute; right: 10px; font-size: 17px; color: #656e77}
.pn-filter .pn-wrapper-col .pn-col > div:nth-child(1) span{display: block;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;opacity: 0.7}
.pn-filter .pn-wrapper-col .pn-col > div:nth-child(2){position: absolute;background-color: #fff;box-shadow: 0px 10px 10px rgba(0, 0, 0, .25);border-radius: 0 0 10px 10px;left: 5px;top: 100%;right: 5px;padding-top:10px;border-top: 1px solid #eee;}
.pn-filter .pn-wrapper-col .pn-col.select-location > div:nth-child(2){width: calc((100% * 5) - 10px);}
.pn-filter .pn-wrapper-col .pn-col.select-location > div:nth-child(2) ul{display: flex;flex-wrap: wrap}
.pn-filter .pn-wrapper-col .pn-col.select-location > div:nth-child(2) ul li{width: 25%;padding: 0 5px;}
.pn-filter .pn-wrapper-col .pn-col.select-room > div:nth-child(1):before{width: 18px;height: 20px;background-position: 0 0;top: 12.5px}
.pn-filter .pn-wrapper-col .pn-col.select-location > div:nth-child(1):before{width: 14px;height: 20px;background-position: -21px 0;top: 12.5px}
.pn-filter .pn-wrapper-col .pn-col.select-price > div:nth-child(1):before{width: 14px;height: 20px;background-position: -21px 0;top: 12.5px}
.pn-filter .pn-wrapper-col .pn-col.select-acreage > div:nth-child(1):before{width: 19px;height: 18px;background-position: 0 -42px;top: 13.5px}
.pn-filter .pn-wrapper-col .pn-col.select-space > div:nth-child(1):before{width: 24px;height: 18px;background-position: 0 -61px;top: 13.5px}
.pn-filter .pn-wrapper-col .pn-col.select-time > div:nth-child(1):before{width: 19px;height: 19px;background-position: 0 -81px;top: 13px}
.pn-filter .pn-wrapper-col .pn-col:not(.select-price) ul{margin-bottom: 0;list-style: none;padding-left: 0;padding-bottom: 10px}
.pn-filter .pn-wrapper-col .pn-col:not(.select-price) ul li label{font-weight: normal;padding: 5px 10px;margin-bottom: 0;display: block;cursor: pointer}
.pn-filter .pn-wrapper-col .pn-col:not(.select-price) ul li label input{display: none}
.pn-filter .pn-wrapper-col .pn-col:not(.select-price) ul li label span{position: relative;padding-left: 30px;display: block;font-size: 14px;line-height: 20px}
.pn-filter .pn-wrapper-col .pn-col:not(.select-price) ul li label span:before{content: "";position: absolute;left: 0;top: 0;width: 20px;height: 20px;border: 1px solid #ddd;background-color: #fff}
.pn-filter .pn-wrapper-col .pn-col:not(.select-price) ul li label span:after{content: ""; position: absolute; width: 13px; height: 7px; border-left: 2px solid #fff; border-bottom: 2px solid #fff; left: 4px; top: 5px; transform: rotate(-45deg)}
.pn-filter .pn-wrapper-col .pn-col:not(.select-price) ul li label input:checked + span:before{background-color: #017ffe;border-color: #017ffe}
.pn-filter .pn-wrapper-col .pn-col input[type="radio"] + span:before{border-radius: 100px}
.pn-filter .pn-wrapper-col .pn-col input[type="radio"]:checked + span:before{background-color: #fff !important;border-color: #017ffe !important;}
.pn-filter .pn-wrapper-col .pn-col input[type="radio"] + span:after{border: none !important; width: 14px !important; height: 14px !important; border-radius: 100px; left: 3px !important; top: 3px !important;}
.pn-filter .pn-wrapper-col .pn-col input[type="radio"]:checked + span:after{background-color: #017ffe !important}
.pn-filter .pn-wrapper-col .pn-col .pn-button{padding: 5px;border-radius: 0;width: 100%;height: 45px}
.pn-filter .pn-wrapper-col .pn-col .pn-button .fa{margin-right: 10px;transform: rotate(90deg)}
.pn-filter .pn-wrapper-col .pn-col:not(.active) > div:nth-child(2){display: none}
.pn-filter .pn-wrapper-col .pn-col.select-price > div:nth-child(2){width: 300px;padding: 15px}
.pn-filter .pn-wrapper-col .pn-col.select-price > div:nth-child(2) p{display: flex;text-align: center;margin-bottom: 30px}
.pn-filter .pn-wrapper-col .pn-col.select-price > div:nth-child(2) p span{text-align: left}
.pn-filter .pn-wrapper-col .pn-col.select-price > div:nth-child(2) p span:not(:nth-child(2)){width: calc(calc(100% - 40px) / 2)}
.pn-filter .pn-wrapper-col .pn-col.select-price > div:nth-child(2) p span:nth-child(2){width: 40px;position: relative}
.pn-filter .pn-wrapper-col .pn-col.select-price > div:nth-child(2) p span input{width: 100%;height: 40px;border: 1px solid #ccc;border-radius: 4px;text-align: center}
.pn-filter .pn-wrapper-col .pn-col.select-price > div:nth-child(2) #slider-range{margin-bottom: 30px}
.arrow-right.icon {color: #000;position: absolute;margin-left: 2px;margin-top: 10px;width: 16px;height: 1px;background-color: currentColor;bottom: 20px; left: 8px}
.arrow-right.icon: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)}
.select2-dropdown{border: none !important;background-color: #e1e1e1 !important}
/**/
.pn-help{background: linear-gradient(to bottom, rgba(1,127,254,1) 0%,rgba(110,178,248,1) 100%);padding-top: 45px;color: #fff;position: relative;overflow: hidden}
.pn-help:before,.pn-help:after{content: "";position: absolute;bottom: 0;background-repeat: no-repeat;opacity: 0.5}
.pn-help:before{background-image: url('../images/city_before.png');width: 370px;height: 240px;left: 0}
.pn-help:after{background-image: url('../images/city_after.png');width: 715px;height: 447px;right: 0}
.pn-help .pn-title{text-align: left;text-transform: initial;color: #fff;font-weight: bold}
.pn-help .pn-title strong{display: block;text-transform: uppercase;font-size: 84px;line-height: 84px;font-weight: 800;color: transparent; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #fff;margin-bottom: 10px}
.pn-help .container{position: relative;z-index: 1}
.pn-help .container > .row{display: flex}
.pn-help .container > .row > [class*='col-']:first-child{margin-bottom: 25px}
.pn-help .container > .row > [class*='col-']:last-child{display: flex;align-items: end}
.pn-help .row .row{display: flex;flex-wrap: wrap}
.pn-help .row .row [class*='col-']{margin-bottom: 30px;font-size: 16px;line-height: 24px}
.pn-help .row .row [class*='col-'] > p:first-child{margin-bottom: 15px}
.pn-help .row .row [class*='col-'] > p:first-child span{display: inline-block;background-color: #fff;width: 50px;height: 50px;border-radius: 100px;display: flex;justify-content: center;align-items: center;padding: 5px}
.pn-help .row .row [class*='col-'] strong{display: block;text-transform: uppercase;margin-bottom: 10px}
.pn-help .row .row [class*='col-'] strong + p{white-space: pre-line;margin-bottom: 0}
.pn-help .row [class*='col-'] .pn-image:hover img{transform: inherit}
.pn-help .pn-button{background-color: #ff7261}
.pn-help .pn-button:hover{animation: button 1s infinite; -moz-animation: button 1s infinite; -webkit-animation: button 1s infinite}
/**/
footer{background-color: #eaf0f0;padding: 40px 0 10px 0;font-size: 16px;line-height: 21px}
footer .row{display: flex;flex-wrap: wrap}
footer .row [class*='col-']:first-child .pn-wrapper{margin: 30px 0 0 0}
footer .row [class*='col-'] .pn-title{font-size: 16px;line-height: 21px;text-align: left;margin-bottom: 10px;font-weight: bold;color: #1e1e1e}
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 li:not(:last-child){margin-bottom: 10px}
footer .row [class*='col-'] ul li a{font-size: 16px;line-height: 21px;color: #1e1e1e}
footer .row [class*='col-'] ul li a:hover{color: #017ffe}
footer .row [class*='col-'].pn-list{display: flex;flex-wrap: wrap;margin: 0 -15px 30px -15px}
footer .row [class*='col-'].pn-list > div{width: 50%;padding: 0 15px}
footer .row [class*='col-']:last-child .pn-wrapper img{float: left;margin: 0 5px 5px 0}
.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 5px;min-width: 30px;height: 30px}
.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: #017ffe}
.pagination li span,.pagination li:hover span{font-weight: bold;color: #017ffe;background-color: transparent !important}

.pagination li a:hover,.pagination li.active a{background-color: #017ffe !important;color: #fff !important}
.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}
.pn-hotline:hover{color: #fff}

.pn-wrapper-popup{ text-align: center;position: fixed;background-color: rgba(0,0,0,.7);z-index: 1001;top: 0;left: 0;right: 0;bottom: 0;transition: all ease .3s;-moz-transition: all ease .3s;-webkit-transition: all ease .3s;font-size: 16px;line-height: 21px }
.pn-wrapper-popup:not(.active){ display: none;z-index: -1 }
.pn-wrapper-popup .pn-content{ width: 450px;padding: 40px;border-radius: 10px;background-color: rgba(255,255,255,0.9);box-shadow: 0 0 40px rgba(255,255,255,.35);margin: 50px auto;position: relative;color:#000 }
.pn-wrapper-popup .pn-wrapper{ font-size: 16px }
.pn-wrapper-popup .pn-form-hotline label{ text-align: left; display: block;font-weight: normal; }
.pn-wrapper-popup .pn-form-hotline .form-control{ height: 40px;border: 1px solid #464646;border-radius: 0;box-shadow: none;background-color: transparent;margin: 0 0 15px 0;color: #000 }
.pn-wrapper-popup .pn-form-hotline select{ font-style: italic; }
.pn-wrapper-popup .pn-form-hotline{ margin-bottom: 20px }
.pn-wrapper-popup .pn-form-hotline .pn-button-popup{ font-weight: bold; letter-spacing: 0.5px; font-size: 16px; line-height: 21px;background-color: #ffb901  }
.pn-wrapper-popup .pn-button-popup{ font-weight: bold;font-size: 16px;line-height: 21px;color: #fff;padding: 10px 15px 9px 15px; border-radius: 10px;min-width: 145px;display: inline-block;border: none }
.pn-wrapper-popup a.pn-button-popup{ background-color: #c60b1e }
.pn-wrapper-popup a.pn-button-popup:hover,.pn-wrapper-popup a.pn-button-popup:focus{ text-decoration: none; }
.pn-wrapper-popup #pn-close{ background-color: #fff;width: 24px;height: 24px;border-radius: 100px;color: #000;position: absolute;right: -12px;top: -12px;cursor: pointer }
.pn-wrapper-popup #pn-close:before,.pn-wrapper-popup #pn-close:after{ content: "";position: absolute;width: 12px;height: 2px;background-color: #000;left: 6px;top: 11px }
.pn-wrapper-popup #pn-close:before{ transform: rotate(-45deg) } 
.pn-wrapper-popup #pn-close:after{ transform: rotate(45deg) }
.pn-wrapper-popup .pn-form-hotline .form-control::-webkit-input-placeholder { color: rgba(0,0,0,0.5);font-style: italic; }
.pn-wrapper-popup .pn-form-hotline .form-control:-ms-input-placeholder { color: rgba(0,0,0,0.5);font-style: italic; }
.pn-wrapper-popup .pn-form-hotline .form-control::placeholder { color: rgba(0,0,0,0.5);font-style: italic; }
.pn-replace{display: none !important;}
.zalo-chat-widget{display: none;}
.supportForm-report{display: none;text-align: center;margin-bottom: 15px;}
.supportForm-report.active{display: block;}.supportForm-report.error{color: #f00;}.supportForm-report.success{color: #017ffe;}
@media only screen and (min-width: 1500px){
    body{font-size:16px}
    .container{width:1440px}
    .pn-menu > li:not(:first-child){margin-left: 80px}
}
@media only screen and (max-width: 1499px){
    .pn-help .pn-title{font-size: 30px}
    .pn-help .pn-title strong{font-size: 75px;line-height: 75px}
}
@media only screen and (min-width: 1200px){
    .pn-menu > li > ul{left: -25px}
}
@media only screen and (min-width: 992px){
    header{transition: top .5s}
    header.fixed .pn-logo{position: fixed;top: 0;z-index: 101}
    header.fixed .pn-header{position: fixed; width: 100%; top: 0; z-index: 100;box-shadow: 0 0 5px rgba(0, 0, 0, .5)}
    header.fixed .pn-wrapper-menu{top: 0}
    .hidden-desktop,.pn-hotline{display:none}
    .pn-wrapper-menu{position: relative;transition: all ease .3s}
    .pn-wrapper-menu .pn-logo{display: none}
    header .pn-header .pn-button{margin: 19px 0}
    .pn-menu > li{position: relative;float: left;padding: 29.5px 0}
    .pn-menu > li.active > a{font-weight: bold;color: #017ffe}
    .pn-menu > li:hover > a{color: #017ffe}
    .pn-menu > li > a{position: relative;display: inline-block}
    .pn-menu li a{font-size: 16px;line-height: 21px}
    .pn-menu > li.haschild > a{padding-right: 15px}
    .pn-menu li.haschild .fa{display: none} 
    .pn-menu > li:hover > ul{opacity: 1;visibility: visible;top: 100%}
    .pn-menu > li.haschild > a:after{font-family: "FontAwesome";content: "\f0d7";position: absolute;right: 0}
    .pn-menu li ul{position: absolute;width: 200px;box-shadow: 0 0 5px rgba(0,0,0,.3);opacity: 0;visibility: hidden;transition: top .5s;z-index: 10}
    .pn-menu > li > ul{top: calc(100% + 20px)}
    .pn-menu li ul li{background-color: #fff;margin-bottom: 1px;text-align: center}
    .pn-menu li ul li ul{left: 100%;top: 0;transition: all .8s;padding-left: 1px}
    .pn-menu li ul li:hover ul{opacity: 1;visibility: visible}
    .pn-menu li ul li.haschild > a:after{font-family: "FontAwesome";content: "\f0da";position: absolute;right: 5px}
    .pn-menu > li ul li a{display: block;padding: 10px;color: #017ffe}
    .pn-menu > li ul li:hover > a{background-color: #017ffe;color: #fff}
    .pn-icon-menu{display: none}
    .pn-replace.pn-mesager{bottom: 77px}
    .pn-sticky{top: 130px;position: sticky}.hidden-desktop{display:none}
}
@media only screen and (max-width: 1199px){
    header .pn-navtop:before{width: 30%}
    header .pn-navtop:after{left: 30%}
    header .pn-navtop .pn-button{margin-left: 30px}
    .pn-filter .pn-wrapper-col .pn-col{width: calc(100% / 3);margin-bottom: 10px}
    .pn-filter .pn-wrapper-col .pn-col:last-child{width: 100%}
    .pn-help .pn-title{font-size: 20px;line-height: 30px}
    .pn-filter .pn-wrapper-col .pn-col.select-location > div:nth-child(2){width: calc((100% * 3) - 10px);left: calc(-100% + 5px);}
}
@media only screen and (max-width: 991px){
    body{position: relative}
    .pn-content-body{padding-top: 0}
    .container{width:100%}
    .pn-wrapper{font-size: 14px}
    header{position: relative;margin-bottom: 15px}
    header .pn-navtop{position: fixed;top: 0;z-index: 10;left: 0;width: 100%;box-shadow: 0 5px 10px rgba(0,0,0,.1);padding-right: 50px}
    header .pn-navtop .pn-button{font-weight: normal; position: fixed; left: 15px; bottom: 15px; margin: 0; z-index: 100}
    .pn-wrapper-menu{position: fixed;left: -100%;top: 0;bottom: 0;width: 320px;background-color: #fff;z-index: 1001;transition: all ease .3s;overflow-y: auto;padding-top: 40px}
    .pn-wrapper-menu.active{left: 0}
    .pn-wrapper-menu .pn-logo{float: none; display: inline-block; position: relative; left: 50%; transform: translateX(-50%); margin-bottom: 15px}
    .pn-menu > li{border-top: 1px solid #f1f1f1}
    .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{display: none;margin-right: -41px}
    .pn-menu li ul li{padding-left: 15px}
    .pn-menu li ul li a{color: #1b191c;padding: 7px 0}
    .pn-menu li ul li a:before{font-family: "FontAwesome";content: "\f0da";margin-right: 7px}
    .pn-menu li ul li.haschild > span{height: 36px;line-height: 40px}
    .pn-menu li.haschild > span{position: absolute;right: 0;top: 0;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}
    .pn-icon-menu{margin: 23px 0 23px 20px; padding: 0; background-color: transparent; border: none;float: right;position: fixed;z-index: 10;right: 15px;top: 0}
    .pn-icon-menu span{background-color: #fff;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: 40px}
    .pn-logo-ft img{max-height: 80px}
    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: 15px; width: 40px; color: #1e1e1e; display: block;position: absolute;text-align: center;top: 0;right: 0}
    .owl-nav>div{opacity: 1 !important}
    .pn-gotop{display: none}
    .pn-banner{margin: -15px 0 30px 0}
    .pn-filter{margin-top: 0;margin-bottom: 30px}
    .pn-filter .pn-wrapper-col{justify-content: center;padding: 30px 30px 20px 30px}
    .pn-filter .pn-wrapper-col .pn-col{width: calc(100% / 3);margin-bottom: 10px;z-index: inherit}
    .pn-filter .pn-wrapper-col .pn-background div:before, .pn-filter .pn-wrapper-col .pn-background div:after{display: none}
    .pn-filter .pn-wrapper-col .pn-col > div:nth-child(2){z-index: 1}
    .pn-filter .pn-wrapper-col .pn-col:last-child{width: 100%}
    .pn-banner .owl-carousel .owl-nav button{width: 40px;height: 40px;line-height: 40px}
    .pn-banner .owl-carousel .owl-nav button:not(:hover){background-color: rgba(255, 255, 255, .2)}
    .pn-banner .owl-carousel .owl-nav button.owl-prev{left: 15px}
    .pn-banner .owl-carousel .owl-nav button.owl-next{right: 15px}
    .pn-filter .pn-wrapper-col .pn-col.select-price > div:nth-child(2){left: inherit;right: 5px}
    .pn-help{padding-top: 30px}
    .pn-help .container > .row{display: block}
    .pn-help .pn-title strong{font-size: 60px;line-height: 60px}
    .pn-breadcrumb{margin-bottom: 30px;margin-top: 0}
}
@media only screen and (max-width: 767px){
    .pn-filter .pn-wrapper-col .pn-background div:before, .pn-filter .pn-wrapper-col .pn-background div:after{display: none}
    .pn-title-page, .pn-title{font-size: 25px;line-height: 35px}
    .pn-title span{background: none}
    .pn-help:before,.pn-help:after{display: none}
    .pn-help .row .row [class*='col-']{font-size: 14px;line-height: 22px}
    .pn-help .pn-title strong{font-size: 55px;line-height: 55px}
    .pn-help .pn-title{font-size: 22px;margin-bottom: 30px}
    footer img{max-height: 80px}
    .pn-gmap .pn-content{height: 300px}
    .pn-filter .pn-wrapper-col > div{padding: 0}
    .pn-filter .pn-wrapper-col .pn-col.select-location > div:nth-child(2) ul li{width: 50%;}
}
@media only screen and (min-width: 681px){
    .pn-hotline{display: none}
}
@media only screen and (max-width: 680px){
    header .pn-navtop .container > ul > li{margin-left: 15px}
    .pn-replace{bottom: 90px}
    .pn-replace.pn-zalo{bottom: 15px}
    .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}
}
@media only screen and (max-width: 570px){
    header .pn-button{font-size: 14px;padding-left: 15px;padding-right: 15px}
    header .pn-navtop > .container > ul > li.pn-account > a{padding-left: 25px;width: 25px;height: 25px;overflow: hidden}
    .pn-filter .pn-wrapper-col{padding: 20px 15px 15px 15px}
    .pn-filter .pn-wrapper-col .pn-col{width: 50%}
    .pn-filter .pn-wrapper-col .pn-col.select-price > div:nth-child(2){left: 5px;right: inherit}
    .pn-filter .pn-wrapper-col .pn-col.select-location > div:nth-child(2){width: calc((100% * 2) - 10px);}
    .pn-replace,.pn-hotline{width: 50px;height: 50px}
    .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-hotline{bottom: 150px}
    .pn-replace{bottom: 80px}
    .pn-wrapper-popup .pn-content{ width: 90%;padding: 20px }
    .pn-help .row .row [class*='col-']{width: 50%}
    footer .row [class*='col-']{width: 100%}
    .pn-help .pn-title strong{font-size: 45px;line-height: 45px}
    .pn-help .pn-title{font-size: 18px;line-height: 23px}
}
@media only screen and (min-width: 481px){
    .pn-wrapper-menu .pn-logo + ul{display: none}   
}
@media only screen and (max-width: 480px){
    .pn-button{padding-left: 30px;padding-right: 30px}
    header .pn-navtop .pn-button{font-size: 13px;padding: 10px 15px}
    header .pn-navtop > .container > ul > li.pn-account > a{width: auto;height: auto;overflow: initial;padding-left: 35px}
    header .pn-navtop .container > ul > li:not(.pn-account){display: none}
    header .pn-navtop .container > ul > li:last-child > a:after{display: none}
    header .pn-navtop ul li.pn-account > a strong{max-width: 75px}
    header .pn-navtop .container > ul{margin: 27.5px 0}
    header .pn-navtop ul li.pn-account .pn-menu-account{width: 270px;top: calc(100% + 27px);right: -50px}
    .pn-wrapper-menu .pn-logo + ul{display: flex;justify-content: center;padding-top: 10px;background-color: #017ffe}
    .pn-wrapper-menu .pn-logo + ul li{position: relative;margin: 0 20px 10px 20px}
    .pn-wrapper-menu .pn-logo + ul li a span{display: inline-block;font-size: 10px;width: 15px;height: 15px;background-color: #ff7261;border-radius: 100px;text-align: center;padding-right: 2px;position: absolute;bottom: 2px;right: -3px;color: #fff}
    .pn-filter .pn-wrapper-col .pn-col{width: 100%}
    .pn-filter .pn-wrapper-col .pn-col.select-price > div:nth-child(1){height: 45px}
    .pn-filter .pn-wrapper-col .pn-col.select-price > div:nth-child(2){right: 5px;width: auto}
    .pn-filter .pn-wrapper-col .pn-col.select-location > div:nth-child(2){width: auto;left: 5px;right: 5px;}
    .pn-help .pn-title{font-size: 16px;line-height: 21px}
    .pn-help .pn-title strong{font-size: 30px;line-height: 30px}
    footer{margin-top: 0}
    footer .row [class*='col-'].pn-list > div{width: 100%}
    footer .row [class*='col-'].pn-list > div:last-child{margin-top: 30px}
}
@media only screen and (max-width: 370px){
    header .pn-navtop .pn-button{position: fixed;z-index: 100;bottom: 0; margin: 0; border-radius: 0; left: 0; width: 100%; text-align: center;animation: none;-moz-animation: none;-webkit-animation: none}
    header .pn-navtop .container > ul > li{margin-left: 20px}
    .pn-wrapper-menu{width: 100%}
    .pn-filter .pn-wrapper-col .pn-col.select-location > div:nth-child(2) ul{max-height: 200px;overflow-y: auto;}
    .pn-filter .pn-wrapper-col .pn-col.select-location > div:nth-child(2) ul li{width: 100%;}
    .pn-help{text-align: center}
    .pn-help .pn-title{text-align: center}
    .pn-help .row .row [class*='col-']{width: 100%;text-align: center}
    .pn-help .row .row [class*='col-'] > p:first-child{display: flex;justify-content: center}
    .g-recaptcha{transform: scale(0.75);margin-left: -35px}
    .pn-title{font-size: 20px;line-height: 30px}
    footer{font-size: 14px;padding-bottom: 40px}
}