/**/
.action-pricing{text-align: center;display: flex;justify-content: center;align-items: center;margin-bottom: 40px}
.action-pricing ul{list-style: none;padding-left: 0;list-style: none;text-align: left;margin-bottom: 0}
.action-pricing .select-fake{width: 165px}
.action-pricing ul li{position: relative;cursor: pointer;font-size: 14px;line-height: 19px}
.action-pricing .selected-value{border: 1px solid #017ffe;display: flex;padding: 5px 39px 5px 15px;transition: all ease .3s;height: 45px;align-items: center;position: relative}
.action-pricing .selected-value:after{font-family: "FontAwesome";content: "\f107";position: absolute;right: 15px;font-size: 20px}
.action-pricing ul li ul{position: absolute;top: calc(100% + 5px);border: 1px solid #dadada;padding: 10px 0;background-color: #fff;z-index: 10;display: none;width: 100%}
.action-pricing ul li ul li{padding: 10px 15px 0 15px; min-height: 35px; margin-bottom: 10px}
.action-pricing label{font-weight: normal;margin: 0 15px 0 0}
.action-pricing .form-control{width: 200px;box-shadow: none;border-radius: 100px}
.action-pricing .select-fake.active ul{display: block}
.action-pricing .select-fake.active .selected-value{border-radius: 0}
.action-pricing .sale-off{float: right;font-weight: bold;font-size: 12px;line-height: 19px;display: flex;width: 35px;height: 35px;background-image: url('../images/saleoff.png');align-items: center;justify-content: center;color: #fff;margin: -10px 0 0 0}
.action-pricing .selected-value .sale-off{margin: 0 0 0 10px}
.pn-table-pricing .plan-controls{justify-content: space-between; margin-bottom: 30px; display: none}
.pn-table-pricing .plan-controls .plan-control {text-align: -moz-center;text-align: center;padding: 20px 10px;font-weight: 600;width: 25%;cursor: pointer;word-break: break-word;display: flex; align-items: center; justify-content: center}
.pn-table-pricing{margin: 0 auto 50px auto;max-width: 1220px}
.pn-table-pricing table{font-size: 16px;line-height: 21px;border: 1px solid #eceff4}
.pn-table-pricing thead{background-color: #017ffe;color: #fff}
.pn-table-pricing thead tr td{text-align: center;font-weight: bold;padding-top: 24px;padding-bottom: 24px}
.pn-table-pricing .table>thead>tr>th{border-bottom: 0;text-align: center}
.pn-table-pricing .table>thead>tr>th,.pn-table-pricing .table>tbody>tr>td{padding: 24.5px 15px;vertical-align: middle !important}
.pn-table-pricing tr td{border-top: none !important;vertical-align: middle !important;width: 20%}
.pn-table-pricing .table>tbody>tr:nth-child(even){background-color: #f2f5fa}
.pn-table-pricing .table>tbody>tr>td:first-child{font-weight: bold;color: #017ffe}
.pn-table-pricing .table>tbody>tr:first-child>td strong{display: block;font-size: 20px; line-height: 25px;color: #ff5848}
.pn-table-pricing .table>tbody>tr:first-child>td del{color: #b7b7b7;font-weight: normal;margin: 5px 0;display: block}
.pn-table-pricing td:not(:first-child){text-align: center}
.pn-table-pricing td .fa{width: 30px;height: 30px;background-color: #00ba00;color: #fff;border-radius: 100px;line-height: 30px}
.pn-table-pricing tr:last-child td:last-child .pn-button{background-color: #ff7160}
.pn-table-pricing tr:last-child td:nth-child(3) .pn-button{background-color: #fff;color: #017ffe;position: relative}
.pn-table-pricing tr:last-child td:nth-child(3) .pn-button:before{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;border: 1px solid #017ffe;border-radius: 100px}
.pn-table-pricing .table>tbody>tr:last-child td .pn-button{margin: 12.5px 0}
/**/
.pn-service{margin: 0 auto 60px auto;max-width: 1220px}
.pn-service .pn-title{text-transform: initial;font-weight: bold;font-size: 26px;line-height: 31px;margin-bottom: 25px;color: #24303d}
.pn-service .owl-carousel{padding: 0 20px;overflow: hidden}
.pn-service .owl-carousel .owl-stage-outer{overflow: initial}
.pn-service .owl-carousel .owl-nav{text-align: center;margin-top: 30px}
.pn-service .owl-carousel .owl-nav button{background-color: #ddd;border: none;color: #fff; margin: 0 5px; width: 50px}
.pn-service .owl-carousel .owl-nav button:hover{background-color: #017ffe}
.pn-service .pn-item{border: 1px solid #eceff4;padding: 20px 20px 20px 40px;position: relative;cursor: pointer}
.pn-service .pn-item .pn-image{width: 160px;float: left}
.pn-service .owl-carousel .owl-item .owl-lazy{transition: all ease .3s}
.pn-service .pn-item .pn-content{width: calc(100% - 160px);padding-left: 20px;float: left}
.pn-service .pn-item .pn-name{font-size: 16px;line-height: 21px;color: #24303d;font-weight: bold;margin-bottom: 10px;display: inline-block}
.pn-service .pn-item .pn-name + p{font-size: 16px;line-height: 26px;display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;margin-bottom: 0}
.pn-service .pn-item .pn-content + div{display: none}
.fancybox-content{max-width: 100% !important;width: 700px !important}
.fancybox-content > h3{margin: 0 0 20px 0;font-weight: bold}
.pn-service .pn-item label{cursor: pointer}
.pn-service .pn-item label span{display: flex; width: 40px; height: 40px; border: 1px solid #eceff4; position: absolute; left: -20px; background-color: #fff; top: 50%; transform: translateY(-50%); justify-content: center; align-items: center; font-size: 25px; color: #fff}
.pn-service .pn-item label span:before{content: ""; width: 20px; height: 10px; border-bottom: 3px solid #fff; border-left: 3px solid #fff; transform: rotate(-45deg); margin-top: -5px}
.pn-service .pn-item label input{display: none}
.pn-service .pn-item label input:checked + span{background-color: #017ffe;border-color: #017ffe}
.dialog-content{display: none;}
@media only screen and (min-width: 992px){
    .pn-table-pricing .table>tbody>tr:first-child>td{padding-top: 20px !important;padding-bottom: 20px !important}
    .pn-table-pricing .table>tbody>tr>td:first-child{padding-left: 50px}
}
@media only screen and (max-width: 991px){
    .pn-table-pricing table{border-top: none}
    .pn-table-pricing table thead{display: none}
    .pn-table-pricing .plan-controls {display: flex;flex-wrap: wrap;border: solid #ddd;border-width: 1px 1px 0 0;margin-bottom: 0}
	.pn-table-pricing .plan-controls .plan-control.active{background-color: #017ffe;color: #fff}
	.pn-table-pricing .plan-controls .plan-control {border-left: 1px solid #ddd;font-weight: 700;font-size: 16px;line-height: 22px;border-bottom: 1px solid #ddd}
    .pn-table-pricing table tr td:first-child{width: 50%}
    .pn-table-pricing table tr td:nth-child(n+2){display: none}
    .pn-table-pricing table tr td:nth-child(n+2).enabled{display: block;width: 100%}
    .pn-service .pn-item .pn-content{width: calc(100% - 120px)}
    .pn-service .pn-item .pn-image{width: 120px}
    .pn-service .pn-item .pn-name + p{-webkit-line-clamp: 2}
}
@media only screen and (max-width: 570px){
    .owl-carousel .owl-nav button{height: 30px}
}
@media only screen and (max-width: 480px){
    .action-pricing{display: block}.action-pricing label{display: block}
    .action-pricing .select-fake{margin: 15px auto 0 auto}
    .pn-table-pricing .plan-controls .plan-control{width: 100%;background-color: #eee; border-bottom: 1px solid #ddd;padding: 10px}
    .pn-table-pricing .table>tbody>tr:last-child td .pn-button{width: 100%;padding: 12px 5px}
    .pn-table-pricing table tr td:first-child{display: block}
    .pn-table-pricing table tr:not(:first-child) td:first-child{width: 100%;text-align: center}
    .pn-table-pricing .table>tbody>tr:first-child>td:first-child{display: none}
    .pn-table-pricing .table>thead>tr>th, .pn-table-pricing .table>tbody>tr>td{padding: 15px}
}
@media (max-width: 370px){
	.pn-table-pricing .plan-controls{display: block}
	.pn-table-pricing .plan-controls .plan-control{width: 100%;display: block;border-bottom: 1px solid #ddd}
	.pn-table-pricing .plan-controls .plan-control:last-child{border-bottom: 0}
    .pn-service .pn-item{padding-left: 30px}
    .pn-service .pn-item .pn-image{width: 100%}
    .pn-service .pn-item label span{width: 30px;height: 30px;left: -15px}
    .pn-service .pn-item .pn-content{width: 100%;padding-left: 0;margin-top: 10px}
}