/**
Theme Name: Astra Prima
Author: Teguh Sugiarto
Author URI: https://primaxter.com
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: astra-prima
Template: astra
*/

.netmodal{display:none;position:fixed;z-index:999;left:0;top:0;width:100%;height:100%;background-color:#00000094;animation-name:fadeIn;animation-duration:.4s}
.netmodal-content{position:relative;top:calc(50% - 250px);width:90%;max-width:500px;overflow:auto;display:flex;flex-direction:column;pointer-events:auto;background-clip:padding-box;border:0;border-radius:10px;outline:0;margin:0 auto;background-color:#fefefe;animation-name:fadeIn;animation-duration:.4s}
.netmodal-header{display:table;width:100%;min-height:70px;text-align:center;margin:0;padding:17px;background:linear-gradient(135deg,var(--ast-global-color-1) 0%,var(--ast-global-color-0) 100%);color:#fff;border-bottom:0}
.netmodal-title,.modal-wa-title{color:#fff;margin:0;text-align:center;line-height:1.8}
.netmodal-body{padding:1.2rem}
.netmodal-footer{display:flex;align-items:center;justify-content:space-around;padding:20px 20px 30px;border-top:1px solid #e9ecef}
.input-group{position:relative;display:flex;flex-wrap:wrap;align-items:stretch;width:100%}
.input-group-prepend{display:flex;z-index:9;width:30px}
.input-group-text{height:36px;display:flex;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap}
.svg-inline--fa{display:inline-block;font-size:14px;height:1em;overflow:visible}
.ada-kolom{display:flex;justify-content:space-between;column-gap:20px;flex-direction:row;flex-wrap:nowrap}
.input-kolom{width:50%}
.netmodal input,.netmodal select,.netmodal textarea{position:relative;-webkit-box-flex:1;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;font-size:17px;margin-bottom:0;height:38px;background-color:#f5f5f5;border-color:#b9b9b9;margin-left:-30px;padding:5px 12px}
.ada-icon input,.ada-icon select,.ada-icon textarea{padding-left:35px}
.input-textarea{width:100%}
.netmodal textarea{width:100%;height:auto;margin-left:0;padding-left:12px}
.netmodal .ada-icon textarea{margin-left:-30px;padding-left:35px}
.netmodal input[type="number"]{padding-right:5px}
.input-kolom input{width:100%;margin-left:0;padding-left:12px}
.tombol-submit,.tombol-close{width:50%;padding:0 10px}
.tombol-submit{padding-left:0}
.tombol-close{padding-right:0}
.netmodal .submit,.netmodal .close{display:block;width:100%;opacity:.9;border:none;border-radius:7px;background:#018f53;color:#fff;padding:7px 20px;text-align:center;line-height:1.6;cursor:pointer}
.netmodal .close{padding:7px 25px;background:red}
.netmodal .submit:hover,.netmodal .close:hover{opacity:1}
.datainput input:focus~.bar:before,.datainput input:focus~.bar:after,.datainput textarea:focus~.bar:before,.datainput textarea:focus~.bar:after{width:50%}
#info-error,#info-kirim{display:none}
.send-info{margin-top:20px;justify-content:center;font-size:16px;line-height:1;margin-bottom:-10px}
.send-info.yes{color:#0ea904}
.send-info.no{color:#ce0404}
@media (max-width: 479px) {
.input-group.ada-kolom{column-gap:10px}
}
.mb-0{margin-bottom:0}
.mb-1{margin-bottom:10px}
.mb-2{margin-bottom:20px}
.bar{position:relative;display:block;width:100%}
.bar:before,.bar:after{content:'';height:2px;width:0;bottom:1px;position:absolute;background:#21a51f;transition:.2s ease all}
.bar:before{left:50%}
.bar:after{right:50%}
#share-btn{display:none;color:brown;cursor:pointer}
#shareMe{background-color:#3a3a3a;color:aliceblue}
.share .netmodal-content{width:280px}
.share .netmodal-body{padding:20px 25px 35px}
.share-row,.share-buttons{width:100%;display:flex;flex-direction:column;row-gap:15px;flex-wrap:nowrap;align-items:center;margin:0}
.share-buttons svg{width:26px;height:28px;margin-right:15px;fill:#fff}
.share-buttons li{display:flex;width:100%;list-style:none;background:#000}
#theLink{display:none}
.share-buttons li a{display:flex;width:100%;color:#fff;padding:10px 20px;cursor:pointer}
.share-buttons li a:hover{opacity:.9;color:#FFEB3B}
#copyLink{background-color:#a52a2a}
.share-whatsapp{background-color:#29712c}
.share-facebook{background-color:#16417f}
.share-info{width:100%;text-align:center;line-height:1}
#share-status{display:none}
.has-text-align-center{text-align:center}
.hidden{display:none}
@-webkit-keyframes slideIn {from{bottom:-300px;opacity:0}to{bottom:0;opacity:1}}
@keyframes slideIn {from{bottom:-300px;opacity:0}to{bottom:0;opacity:1}}
@-webkit-keyframes fadeIn {from{opacity:0}to{opacity:1}}
@keyframes fadeIn {from{opacity:0}to{opacity:1}}