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:hidden;
    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;
}
#pktel a:nth-child(2){
    display:inline-block;
    width: auto;
    text-align:center;
    margin:auto 0 0 auto;
   
}
#pktel a > img{
    width:56px;
    height:56px;
}
    #pkwa{
        overflow:hidden;
        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;
        
    }
    #pkwa a:nth-child(2){
        display:inline-block;
        width: auto;
        text-align:center;
        margin:auto 0 0 auto;
    }
#labkw{
    position:absolute;
    text-align:center;
    z-index:200;
    right:0;
}
#lcs{
    height:50px;
    width:50px;
    border:0;
    margin:0 auto;
}

#plcs{
    color:#fff !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:0;
    z-index:10;
   
}
#ptw a img{
    width:50px;
    height:40px;
    margin-bottom:45px;
    position:relative;
}

#ptw 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 > label{
    text-align:left;
    font-size:1em;
     display:inline-block;
     padding-left:60px;
      background-image:url('https://capitallandcutting.com/wp-content/uploads/2023/11/cek.svg');
    background-repeat:no-repeat;
    background-size:50px;
    background-position:0 50%;
}

/*pq*/
#jqan{
    text-align:center;
    background-color:#ffbbaa;
    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:#256eee;
    padding:10px;
    margin-top:10px !important;
     
}
#pqa > #pa{
     background-color:#bda;
     padding:10px;
     display:none;
     border-radius:0px 0px 10px 10px;
     -webkit-border-radius:0px 0px 10px 10px;
     -moz-border-radius:0px 0px 10px 10px;
}
#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;
}

/*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:30px;
    -moz-border-radius:30px;
    -webkit-border-radius:30px;
}
#pCAlur hr{
    width:5px;
    height:50px;
    margin-top:0px;
}

/*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;
}
#lkon{
    position:absolute;
    background-color:#555;
    color:#fff;
    cursor:pointer;
    padding:10px;
	padding-right:30px;
    border-radius:5px;
    display:inline;
	background-image:url("https://capitallandcutting.com/wp-content/uploads/2023/11/carat-r-white.svg");
	background-repeat:no-repeat;
	background-position:right 10px center;
	transition: all 0.3s linear;
}
#lkon:hover{
	background-color:#333;
	transition: all 0.3s linear;
}
#lkon2{
    position:absolute;
    background-color:#c4a;
	transition: all 0.3s linear;
    color:#fff;
    cursor:pointer;
    padding:10px;
    border-radius:5px;
    display:inline;
}
#lkon2:hover{
	background-color:#c4f;
	transition: all 0.3s linear;
}

#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.3);
    border-radius:250px;
    -moz-border-radius:250px;
    -webkit-border-radius:250px;
   
}
#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:#57D1D7 !important;
}
#toTop .icon-back2top:before{
    color:#fff !important;
}
#toTop:hover .icon-back2top:before {
                color: #555 !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:#000;
    cursor:text;
}

#bagi2{
   
    display:block;
    text-align:center;
    margin-top:35px;
}
#bagi2 a{
    margin:25px;
}
#bagi2 a img{
    width:25px;
}
#mobLog{
    background-color:#eee;
    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{
    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;
}
#exKon1 a,#exKon2 a{
    margin-right:40px;
}

#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;
}
/*menu*/
.sub-menu{
	
}
.sub-menu > li{
	
}
.sub-menu > li > a{
	
}
.sub-menu > li > a > span > img{
	margin-left:10px;
}

/*next link inside pos and page */
.npag1, .npin1, .npar1, .ncov1, .ntim1{
background-color:#444;
color:#aaf;
padding:10px;
border-radius:10px;
}
.npag1:hover, .npin1:hover, .npar1:hover, .ncov1:hover, .ntim1:hover{
color:#fff;
}


.poslink{
width:100%;
text-align:center;
}
.poslink img{
margin-left:10px;
}
.oth1{
background-color:#ffff00;
color: #777;
padding:10px;
border-radius:10px;
transition: all 0.3s linear;
}
.oth1:hover{
background-color:#ffff44;
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;
}

/* 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;
}

/*link slide top*/
#sliderTxt span marquee span a{
    color:#fff;
}

/*pos link, land link*/
#ghl{
    color:#fff;
    cursor:text;
}
#gpl{
    color:#555;
}

/*tabel */
#tabpos {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
    border:0px !important;
}
.tabhl{
    background-color:red !important;
}
#tlj1 td{
    background-color:#dfd !important;
    text-align:center;
    vertical-align:middle;
    font-weight:bold;
}
#stlj td{
    background-color:#edf !important;
    text-align:center;
    vertical-align:middle;
    font-weight:bold;
}
#sstlj{
    background-color:#fff !important;
    text-align:center;
    vertical-align:middle;
}
#septab td{
    background-color:#555 !important;
}