button{
    outline:none;
}

/*logo*/
#logo{
    width:50px;
    height:50px;
}

 button,
    textarea,
    input,
    select,
    a{
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     -webkit-tap-highlight-color: transparent;
     -webkit-user-select: none;
     -khtml-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
      user-select: none;
    
    }
/*tel and wa */
#pktel{
    overflow:auto;
    padding:10px;
    border-radius:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    z-index:10;
    display: flex;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: -moz-box;
    
    flex-direction: row; 
    -moz-flex-direction: row;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    position:relative;
    
}
#pktel a:first-child{
    display:inline-block;
    width: auto;
    text-align:center;
    padding:10px;
}
#pktel a:nth-child(2){
    display:inline-block;
    width: auto;
    text-align:center;
    margin:auto 0 0 auto;
    padding:10px;
}
#pktel a:nth-child(3){
    display:inline-block;
    width: auto;
    text-align:center;
    margin:auto 0 0 auto;
    padding:10px;
}
#pktel a:nth-child(4){
    display:inline-block;
    width: auto;
    text-align:center;
    margin:auto 0 0 auto;
    padding:10px;
}
#pktel a:nth-child(5){
    display:inline-block;
    width: auto;
    text-align:center;
    margin:auto 0 0 auto;
    padding:10px;
}
#pktel a:nth-child(6){
    display:inline-block;
    width: auto;
    text-align:center;
    margin:auto 0 0 auto;
    padding:10px;
}
#pktel a:nth-child(7){
    display:inline-block;
    width: auto;
    text-align:center;
    margin:auto 0 0 auto;
    padding:10px;
}
#pktel a:nth-child(8){
    display:inline-block;
    width: auto;
    text-align:center;
    margin:auto 0 0 auto;
    padding:10px;
}
    #pkwa{
        overflow:auto;
        padding:10px;
        border-radius:5px;
        -webkit-border-radius:5px;
        -moz-border-radius:5px;
        z-index:10;
        display: flex; 
        display: -webkit-flex;
        display: -ms-flexbox;
        display: -moz-box;
        
        flex-direction: row; 
        -moz-flex-direction: row;
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        
        position:relative;
        
    }
    #pkwa a:first-child{
        display:inline-block;
        width: auto;
        text-align:center;
        padding:10px;
        
    }
    #pkwa a:nth-child(2){
        display:inline-block;
        width: auto;
        text-align:center;
        margin:auto 0 0 auto;
        padding:10px;
    }
    #pkwa a:nth-child(3){
        display:inline-block;
        width: auto;
        text-align:center;
        margin:auto 0 0 auto;
        padding:10px;
    }
    #pkwa a:nth-child(4){
        display:inline-block;
        width: auto;
        text-align:center;
        margin:auto 0 0 auto;
        padding:10px;
        
    }
    #pkwa a:nth-child(5){
        display:inline-block;
        width: auto;
        text-align:center;
        margin:auto 0 0 auto;
        padding:10px;
    }
    #pkwa a:nth-child(6){
        display:inline-block;
        width: auto;
        text-align:center;
        margin:auto 0 0 auto;
        padding:10px;
    }
    #pkwa a:nth-child(7){
        display:inline-block;
        width: auto;
        text-align:center;
        margin:auto 0 0 auto;
        padding:10px;
    }
    #pkwa a:nth-child(8){
        display:inline-block;
        width: auto;
        text-align:center;
        margin:auto 0 0 auto;
        padding:10px;
    }
#labkw{
    position:absolute;
    text-align:center;
    z-index:200;
    right:0;
    display:none;
}
#lcs{
    height:50px;
    width:50px;
    border:0;
    margin:0 auto;
}

#plcs{
color:#fff !important;
background-image:url("https://zhacreative.com/wp-content/uploads/2023/11/tel5.svg");
background-repeat:no-repeat;
background-position:center 0px;
background-size:60% 60%;
padding-top:50px !important;
}
#plcs2{
color:#fff !important;
background-image:url("https://zhacreative.com/wp-content/uploads/2023/11/wa.svg");
background-repeat:no-repeat;
background-position:center 0px;
background-size:60% 60%;
padding-top:50px !important;
}

.plcs{
    color:#bad !important;
}
.plcs > span{
    color:#fff !important;
}
.plcs,#mail{
    width:100%;
    display:block;
    background-color:transparent;
    text-align:center;
    color:#000 !important;
}
.lcs{
    height:50px;
    width:50px;
    border:0;
    margin:0 auto;
}

#lcs:hover{
    opacity:.7;
}

#mail img{
    width:50px !important;
}

/*global tautan*/
#gtn{
    color:#000;
    text-decoration:none;
    cursor:default;
}
#plogosmk{
    display:block;
    text-align:center;
}

#logo-smk{
    width:30px;
    height:30px;
    border:0px;
    margin-top:0;
    margin:0 auto !important;
}
/*menu mobile */

/*float tel n wa*/
#ptw{
    width:40px;
    position:fixed;
    bottom:0;
    right:10px;
    z-index:100;
    
   
}
#ptw a img{
    width:50px;
    height:40px;
    margin-bottom:25px;
    position:relative;
}

#ptw a img:hover{
    opacity:0.7;
}

#ptw2{
    width:40px;
    position:fixed;
    bottom:0;
    left:10px;
    z-index:100;
   
}
#ptw2 a img{
    width:50px;
    height:40px;
    margin-bottom:25px;
    position:relative;
}

#ptw2 a img:hover{
    opacity:0.7;
}

/*main nav icon*/

#nav-toggle{
    color:#000;
    float:left;
    position:relative;
}
#nav-toggle #navtxt{
    vertical-align:top;
}

/*homtxt*/
#homtxt{
    font-size:1.2em;
}

#homtxt{
    text-align:left;
    font-size:1em;
    display:inline-block;
    padding-left:60px;
    background-image:url('https://zhacreative.com/wp-content/uploads/2023/11/sol.png');
    background-repeat:no-repeat;
    background-size:25px;
    background-position:0 50%;
}

/*faq landing*/
#jqan{
    text-align:center;
    background-color:#eee;
    padding:20px;
    border-radius:10px 10px 0px 0px;
    -webkit-border-radius:10px 10px 0px 0px;
    -moz-border-radius:10px 10px 0px 0px;
    font-weight:bolder;
}
#pqa{
    margin:0;
    padding:0;
    list-style-type:none;
   
}
#pqa > #pq{
    color:#fff;
    background-color:#4aa;
    padding:10px;
    margin-top:10px !important;
     
}
#pqa > #pa{
     background-color:#eba;
     padding:10px;
     display:none;
     border-radius:0px 0px 10px 10px;
     -webkit-border-radius:0px 0px 10px 10px;
     -moz-border-radius:0px 0px 10px 10px;
     font-weight:bolder;
}
#pqa #pq:hover{
    cursor:pointer;
    background-color:#4ac;
}
#pqa > #pq > img{
	transform:rotate(90deg);
	-webkit-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    display:block;
    margin:0 auto;
    text-align:center;
}
#pqa li a{
    color:#fff;
    cursor:default;
}

/*faq pos*/

.pqa{
    margin:0;
    padding:0;
    list-style-type:none;
   
}
.pqa > .pq{
    color:#fff !important;
    background-color:#a9a !important;
    padding:10px;
    margin-top:10px !important;
     
}
.pqa > .pa{
     background-color:#4ff !important;
     padding:10px;
     display:none;
     border-radius:0px 0px 10px 10px;
     -webkit-border-radius:0px 0px 10px 10px;
     -moz-border-radius:0px 0px 10px 10px;
     font-weight:bolder;
}
.pqa .pq:hover{
    transition: all 0.3s linear 0s;
    cursor:pointer;
    background-color:#4af !important;
    color:#fff !important;
}
.pqa > .pq > img{
	transform:rotate(90deg);
	-webkit-transition: all 0.3s linear 0s;
    transition: all 0.3s linear 0s;
    -moz-transition: all 0.3s linear 0s;
    -o-transition: all 0.3s linear 0s;
    display:block;
    margin:0 auto;
    text-align:center;
}
.pqa li a{
    color:#fff !important;
    cursor:default;
}

/*widjet*/
.content-widget{
    height:0 !important;
}

/*alur order*/
#jAlur{
    display:block;
    text-align:center;
    margin-bottom:20px;
    color:#fff;
    font-weight:bold;
    font-size:1.3em;
}
#pCAlur{
    text-align:center;
    position:relative;
    margin-bottom:20px;
}
#pCAlur ul{
     display:inline;
     padding:0;
     margin:0;
}
#pCAlur ul li:first-child{
   font-size:1.2em;
}
#pCAlur ul li img{
    border:0;
    width:120px;
    box-shadow:0px 0px 10px 0px #423;
    -moz-box-shadow:0px 0px 10px 0px #423;
    -webkit-box-shadow:0px 0px 10px 0px #423;
    border-radius:60px;
    -moz-border-radius:60px;
    -webkit-border-radius:60px;
}
#pCAlur hr{
    width:0px;
    height:0px;
	background-color:transparent;
}

/*kontak foter*/
#jtkon{
    font-weight:bold;
    color:#fff;
    display:inline-block;
    width:100%;
    font-weight:bolder;
    font-size:1.2em;
    margin-top:20px;
    text-align:center;
}

#lokasikami{
    font-weight:normal;
}
#jloc{
    color:#fff;
    font-weight:bold;
    display:block;
    text-align:center;
    font-size:1.2em;
}
#jlocsub{
    display:block;
    color:#fff;
}
#jlocsub a{
    color:#fff;
}
#jOP{
    display:block;
    color:#fff;
   
}


#custom_html-3,#custom_html-4,#custom_html-5{
    padding-top:0 !important;
    padding-bottom:0 !important;
}

/*mar*/

#mar1 marquee,#mar2 marquee{
    transition: all 2s ease-in-out;
    background-color:rgba(0,0,0,0.0);
    border-radius:250px;
    -moz-border-radius:250px;
    -webkit-border-radius:250px;
    /*box-shadow: -15px 0px 12px -12px rgba(0,0,0,0.75) inset, 15px 0px 12px -12px rgba(0,0,0,0.75) inset;*/
}
#mar1 marquee > span,#mar2 marquee > span{
    margin-right:25px;
}

#toTop{
    border-radius:30px 30px 0 0;
    -moz-border-radius:30px 30px 0 0;
    -webkit-border-radius:30px 30px 0 0;
    background-color:#fff !important;
}

#jLok{
    display:block;
    text-align:center;
    font-size:1.2em;
    color:#fff;
}
#pLok{
    display:block;
    width:100%;
    height:30px;
    overflow:hidden;
    position:relative;
    margin-bottom:20px;
}
#pLok li{
    display:inline-block;
    margin:0;
    padding-left:20px !important;
}
#pLok li a{
    color:#5cb281;
}

#bagi2{
    display:block;
    text-align:center;
    margin-top:35px;
}
#bagi2 a{
    margin:25px;
}
#bagi2 a img{
    width:25px;
}
#mobLog{
    background-color:#fff;
    margin:0 !important;
    padding:0 !important;
    position:absolute !important;
    top:5px;
    left:0;
    text-align:left;
    padding-top:5px !important;
    padding-bottom:8px !important;
    border-radius:0 30px 30px 0;
    -webkit-border-radius:0 30px 30px 0;
    -moz-border-radius:0 30px 30px 0;
}
#mobLog img{
    width:40px;
    margin-left:5px;
    border:0;
    float:left;
}
#mobLog div{
    padding:0 !important;
    margin:0 !important;
    margin-left:16px !important;
    color:#555 !important;
    float:left;
}
#mobLog div span{
    color:#555 !important;
    padding:0 !important;
    margin:0 !important;
    vertical-align:top;
    display:block;
}
#mobLog div span:first-child{
     font-size:1.2em;
     font-weight:bolder;
}
#mobLog div span:last-child{
    font-size:0.9em;
    position:absolute;
    top:26px;
}
#nav-cancel{
    margin:0px !important;
    padding-top:0px !important;
    background-color:#f00;
    border-radius:30px 0 0 30px;
    -webkit-border-radius:30px 0 0 30px;
    -moz-border-radius:30px 0 0 30px;
    color:#fff !important;
    margin:0 !important;
    margin-top:5px !important;
}
#konMP{
    width:100% !important;
    display:block !important;
    margin:0 !important;
    margin-top:30px !important;
    padding-left:10px;
    padding-right:10px;
    padding-bottom:10px;
    
}

#konMP span:first-child{
    margin-bottom:20px;
    font-weight:bold;
    color:#fff;
    font-size:1.2em;
    display:block;
}
#exKon1,#exKon2,#exKon3,#exKon4,#exKon5,#exKon6,#exKon7,#exKon8{
    width:100% !important;
    display:block !important;
    text-align:left;
}
#exKon1{
    border-radius:40px;
    -moz-border-radius:40px;
    -webkit-border-radius:40px;
    background-color:#555;
    padding:20px;
    
}
#exKon2{
    border-radius:40px;
    -moz-border-radius:40px;
    -webkit-border-radius:40px;
    background-color:#555;
    padding:20px;
    margin-top:20px;
}
#exKon3{
    border-radius:40px;
    -moz-border-radius:40px;
    -webkit-border-radius:40px;
    background-color:#555;
    padding:20px;
    margin-top:20px;
}
#exKon4{
    border-radius:40px;
    -moz-border-radius:40px;
    -webkit-border-radius:40px;
    background-color:#555;
    padding:20px;
    margin-top:20px;
}
#exKon5{
    border-radius:40px;
    -moz-border-radius:40px;
    -webkit-border-radius:40px;
    background-color:#555;
    padding:20px;
    margin-top:20px;
}
#exKon6{
    border-radius:40px;
    -moz-border-radius:40px;
    -webkit-border-radius:40px;
    background-color:#555;
    padding:20px;
    margin-top:20px;
}
#exKon7{
    border-radius:40px;
    -moz-border-radius:40px;
    -webkit-border-radius:40px;
    background-color:#555;
    padding:20px;
    margin-top:20px;
}
#exKon8{
    border-radius:40px;
    -moz-border-radius:40px;
    -webkit-border-radius:40px;
    background-color:#555;
    padding:20px;
    margin-top:20px;
}
#exKon1 a,#exKon2 a,#exKon3 a,#exKon4 a,#exKon5 a,#exKon6 a,#exKon7 a,#exKon8 a{
    margin-right:40px;
}



#shTF{
    width:100% !important;
    display:block !important;
    margin:0 !important;
    margin-top:40px !important;
    color:#fff;
}
#shTF img{
    width:95px;
    margin:25px;
}
#ctf{
    width:100% !important;
    display:block !important;
    margin:0 !important;
    margin-top:40px !important;
    color:#fff;
    text-align:left;
    padding-bottom:30px;
}

#ctf img{
    width:95px;
    margin:25px;
}
#shTF #rekBank2{
    text-align:left;
    padding-left:10px;
    font-weight:bold;
}
#shE{
    width:100% !important;
    display:block !important;
    margin:0 !important;
    margin-top:40px !important;
    text-align:right;
    padding-bottom:20px !important;
}
#shE a{
    margin:25px;
}
#shE a img{
    width:25px;
}

#tokped,#tokped-mob{
    display:block;
    text-align:center;
}
#tokped:hover,#tokped-mob:hover{
    opacity:.8;
    cursor:pointer;
}

/*youtube*/
#plframe ul > li{
 transition: 0.5s all ease 0s;
}
#plframe ul > li:hover{
    opacity:.9;
    border-radius:25px;
    transition: 0.5s all ease 0s;
}

/*style in post*/
#gtl{
 color:#555;
 cursor:default;
}
#gtl2{
 color:#fff;
 cursor:default;
}

/*rekBank*/
#rekBank{
}
/*box-landing*/
.lp-boxes-inside, .lp-blocks-inside{
    background-color:#fff;
}
/*link slide top*/
#sliderTxt span marquee span a{
    color:#fff;
}

/* link on landing */
#homlink{
	width: 100%; 
	padding-top: 100px;
	padding-bottom: 100px;
	text-align: center;
}
#homlink a{
padding: 30px; padding-left: 10px; padding-right: 10px; color: #777; background-color: #ffdd00; border-radius: 10px;
transition: all 0.3s linear;
	/*background-image:url("https://capitallandcutting.com/wp-content/uploads/2023/11/carat-r-black.svg");
	background-repeat:no-repeat;
	background-position:right 50px center;
	background-size:cover;*/
}
#homlink a:hover{
	background-color: #ffdd44; 
	color:#11f;
	transition: all 0.3s linear;
}

/*pos tab jud*/
#jtabpos{
    color:magenta;
}

/*pos link */
.poslink{
width:100%;
text-align:center;
}
.poslink img{
margin-left:10px;
}
.oth1{
background-color:#cccc00;
color: #777;
padding:10px;
border-radius:10px;
transition: all 0.3s linear;
}
.oth1:hover{
background-color:#ffee88;
color:#11f;
transition: all 0.3s linear;
}
.poslink2{
width:100%;
text-align:center;
margin-top:50px;
}
.poslink2 img{
margin-left:10px;
}
.oth2{
background-color:#acf011;
color: #777;
padding:10px;
border-radius:10px;
transition: all 0.3s linear;
}
.oth2:hover{
background-color:#acf077;
color:#11f;
transition: all 0.3s linear;
}
.btnP_wa1{
background-color:#df4;
padding:10px;
padding-left:50px;
background-image:url("https://zhacreative.com/wp-content/uploads/2023/11/wa.svg");
background-size:70% 70%;
background-repeat:no-repeat;
background-position:-30px 50%;

}
.btnP_wa1:hover{
background-color:#4a4;
}