@charset "utf-8";
/*
PT Karya Bahari Indonesia custom CSS by Rakhmat Ichsan EvolutionTeams.com.
Build from ground up using HTML5Blank.com, not a plug and play themify template.
*/


.sup { vertical-align: super; font-size: 30px;}

html, body {
        height: 100% !important;
        margin: 0px;
    }
body {
	font-family: Arial, sans-serif !important; 
}
.zsiq_theme1.zsiq_floatmain {
   
    bottom: 170px;
    right: 33px;
}
.custom-fa {    font-size: 20px !important;
    margin-right: 0px;
    margin-left: 5px;}
.ngg-galleryoverview {
    margin-top: 15px !important;
    margin-bottom: 10px !important;}


.navbar-default {
    background-color: #fff;
    border-color: #fff;
	opacity: 1;
	height: 100px;
}
.navbar-default-shrink {
  
	height: 80px;
}
.small-menu-kba {
	font-size: 14px;
}
a.social-kba:link {
	color: #666;
}

a.social-kba:visited {
	color: #666;
}
a.social-kba:hover {
	color: #0c4480;
}
a.agent-location:link {
	color: #d82c29;
}
a.agent-location:visited {
	color: #d82c29;
}
a.agent-location:hover {
	color: #0c4480;
	text-decoration: none;
}

.footer-h4 {
	    font-size: 18px;
    color: #333;
    font-weight: 700;
}
.supporth3 {
	color: #000 !important;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.6;
	
}
a.kaki-kba-2:link {
	color:#333;
}
a.kaki-kba-2:visited {
	color:#333;
}

a.kaki-kba:link {
	color:#ccc;
}
a.kaki-kba:hover {
	color:#fff;
}
.support-fa {
	color: #000;
}
.supportp {
	color:#fff;
}
a.top-small-menu-link {
	color: #333;
}
h4  {
	color:#1e73be }
h3 {
	color:#1e73be !important;
	font-weight: 900 !important;
}
blockquote {
	font-size: 30px !important;
	
	font-weight: 200;
	border-left: 35px solid #eeeeee !important;
	margin-top: 40px;
	margin-bottom: 40px;
}

blockquote p {
	font-size: 30px !important;
	
	font-weight: 200;
	color: #1e73be;
}

p {
	font-size: 16px;
}

.martom {
	margin-bottom: 30px;
}
.intense .collapse.in {
   
    border-bottom: none !important;
}

.essb_links {
    
    margin-bottom: 50px !important;
}
.pemisah-foto-kba {
	margin-top: 30px; margin-bottom: 30px; border-bottom-style: dashed; border-bottom-width: 1px; border-bottom-color: #ccc;
}
.panel-group {
   
    margin-top: 50px !important; 
}
.ubermenu-main .ubermenu-nav .ubermenu-item.ubermenu-item-level-0 > .ubermenu-target {
    font-weight: 600 !important;
}
.ubermenu-main .ubermenu-item-normal > .ubermenu-target {
  
    font-weight: 600;
}

.pswp__bg {
  
    
	    opacity: 0.8 !important;
  
}
body .pswp {
    z-index: 2500000 !important;
}

button.caldera-forms-modal {
color: #fff;
    background-color: #d82c29;
    border: 0px solid #000;
    padding: 15px;
    font-size: 16px;
	margin-top: 30px;
}

button.caldera-forms-modal:hover {
color: #000;
background-color: #ccc;  
}

button.download-spec-kba {
color: #fff;
    background-color: #d82c29;
    border: 0px solid #000;
    padding: 15px;
    font-size: 16px;
	margin-top: 30px;
}

button.download-spec-kba:hover {
color: #000;
background-color: #ccc;  
}



.kba-water-vehicle-teaser {
	background-color: #f1f1f1;
}
.kba-water-vehicle-gallery {
	background-color: #d82c29;
}
ul, ol {
    
    font-size: 16px;
}
.btn-kba {
	border-radius: 0px !important; }
.btn-danger {
   
    background-color: #d82c29 !important;
}
.wave-type {
	    color: white;
    background-color: red;
    padding: 10px;
    display: table;
    margin-top: -30px;
    border-top-color: blue;
    border-top-style: solid;
    border-top-width: 8px;
}   
h4, .h4 {
    
    font-weight: 900 !important;
}

.kba-text-center {
	text-align: center;
		font-weight:900;
}

a.kba-red:link {
	color:#d82c29 !important;
}

.kba-red {
	color:#d82c29 !important;
}

.kba-product-title-wrap {
	margin-bottom: 25px;
	    margin-top: 35px;
    border-bottom-width: 10px;
    border-bottom-style: solid;
    border-bottom-color: #ccc;
    display: table;
	margin-left: auto;
	margin-right: auto;
}

.kba-water-vehicle-ride {
	background-image: url(../images/RiDE.jpg);
	background-size: cover;
	background-position: center center;
}
.remodal-wrapper {
  
    z-index: 500000 !important;
   
}

.remodal-close:before {
    font-size: 45px !important;
}
.remodal-close {
    color: red !important;
}
.wpml-ls-statics-shortcode_actions, .wpml-ls-statics-shortcode_actions .wpml-ls-sub-menu, .wpml-ls-statics-shortcode_actions a {
    border-width: 0px !important;
	margin-top: 30px;
}
.wpml-ls-statics-shortcode_actions .wpml-ls-current-language>a {
    
    background-color: #3674a3 !important;
}
.wpml-ls-legacy-list-horizontal {
   
    padding: 0px !important; 
}
.kba-ob-wrap {
	border-bottom-color: #ccc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}
.kba-ob-text {
	font-weight: 900;
	margin-top: 5px;
}
a.turn-color:hover {
	color:red;
}
.wpml-ls-statics-shortcode_actions {
    background-color: transparent !important;
}

.shiftnav:after {
	-webkit-box-shadow: none !important;
	-moz-box-shadow: none !important;
	box-shadow: none !important;

}

#jig1 {
    
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}
.post-meta-kba-wrapper {
	display: table;
    margin-bottom: 30px;
}

.post-meta-kba {
	float: left;
	margin-right: 10px;
	font-size: 12px;
}
.post-tags-kba {
	clear: both;
	margin-right: 10px;
	display: table;
	margin-top: 10px;
	font-size: 12px;
}
a[rel=tag] {
    padding: 5px;
    background-color: powderblue;
    border-radius: 0px;
    color: #333;
    margin-top: 5px;
    margin-bottom: 5px;
    display: table;
    float: left;
    margin-left: 10px;
}

.shiftnav .shiftnav-submenu-activation i.fa {
    
    margin-top: -11px !important;
   
}
.shiftnav ul.shiftnav-menu li.menu-item>.shiftnav-target, .shiftnav ul.shiftnav-menu li.shiftnav-retract>.shiftnav-target {
   
    padding: 10px 25px !important;
    
}
.ubermenu.ubermenu-main.ubermenu-horizontal .ubermenu-submenu-drop.ubermenu-submenu-align-left_edge_bar, .ubermenu.ubermenu-main.ubermenu-horizontal .ubermenu-submenu-drop.ubermenu-submenu-align-full_width {
    
    border-top-color: #ccc !important;
    border-top-style: solid !important;
    border-top-width: 1px !important;
}
.size-full {padding-top: 25px; padding-bottom: 25px;filter: drop-shadow(4px 6px 5px #8f8f8f); }

/*KBA-Services-Search*/

.kba-search-engine {
    background-color: #eee;
    padding: 25px;
	margin-bottom: 25px;
}
.facetwp-facet {
    margin-bottom: 10px !important;
}
.manual-download-button {margin-bottom: 10px;}



/*End-KBA-Services-Search*/

/*helm*/
.p-helm-features {color: #fff; font-size: 18px;margin-top:20px; margin-bottom: 30px;}

/*2022 adjustment*/

.small-main-menu-kba {display: none !important;}

.right1 {width: 110px;}
.right3,.right2,.right1 {
  
    height: 100px ;
}
.right3-shrink,.right2-shrink,.right1-shrink {
  
    height: 87px ;
}
.right2 {width: 71px;}
.right3 {width: 71px;
display: table;
        border-left: thin;
        border-left-style: solid;
        border-left-color: #ccc;
        float: right;
}
.right2-width-shrink {width: 61px;}
.large-main-menu-kba {margin-top: 10px;}
.large-main-menu-kba-shrink {margin-top: 0px;}
.right2-content {padding-top: 8px;}
.right3-content {padding-top: 8px;}
.right2-content-shrink {padding-top: 10px;}
.banner-kba {margin-top: 100px;}
.mobile-hide-shrink {display: none;}
.kba-logo {margin-top: 30px;}
.kba-logo-shrink {margin-top: 20px;}
.shiftnav-toggle-shrink {margin-top: -15px !important}
.lang-menu-kba {width: 50px;
   
    margin-bottom: 5px;}
.lang-menu-kba-shrink
{width: 50px;
   margin-top: 18px;
    margin-bottom: 5px;}
.garansi-float-kba {width: 80px;height: 57px;
    position: fixed;
    bottom: 100px;
    right: 20px;
    z-index: 100;
	display: block;
background-image: url("../images/garansi-hover.png"); background-size: contain; background-repeat: no-repeat;
}
.garansi-text {
	position: fixed;
    bottom: 110px;
    right: 110px;
    z-index: 100;
	
	background-color: #f5f7f9;
    font-size: 12px;
    color: #43474e;
	border-radius: 3px;
    padding: 7px;
	display: none;
}

.garansi-float-kba:hover > .garansi-text {display: block;}
.wa__btn_popup_txt {display: none !important;}
.wa__btn_popup:hover > .wa__btn_popup_txt {display: block !important;}

.kba-2024-spacer-left {padding: 6px; padding-right: 3px;}
.kba-2024-spacer-right {padding: 6px; padding-left: 3px;}
.kba-spacer-product-link {padding-bottom: 0px !important; padding-top: 6px !important; padding-left: 6px; padding-right: 6px;}
.kba-spacer-video-section  {padding-bottom: 0px !important; padding-top: 0px !important; padding-left: 6px; padding-right: 6px;}
.kba-spacer-news-section  {padding-bottom: 0px !important; padding-top: 6px !important; padding-left: 6px; padding-right: 6px;}
.kba-spacer-garansi-section  {padding-bottom: 0px !important; padding-top: 0px !important; padding-left: 6px; padding-right: 6px;}
    .banner-kba2 {
        margin-top: 100px;
    
        display: block;
        background-color: #666;
        background-size: cover;
        background-position: 0% 50%;
    }


/*WA and buttons*/

.product-mobile-2024 {transition: transform .2s;}
.product-mobile-2024:hover {transform: scale(1.1);}


.wa__btn_popup .wa__btn_popup_icon {
    border-top-left-radius: 50% !important;
	border-top-right-radius: 0% !important;
    width: 43px !important;
    border-bottom-left-radius: 50% !important;
	border-bottom-right-radius: 0% !important;
	height: 43px !important;}
.wa__btn_popup {
   
    right: 0px !important;
	bottom: 178px !important; 
	}

.wa__popup_chat_box {
  
	bottom: 10% !important;
right: 45px !important;}
.wa__btn_popup_txt {display: none !important;}
.wa__btn_popup .wa__btn_popup_icon:before {
   
    background-size: 25px auto !important;
    -webkit-background-size: 25px auto !important;
    
}
.button-side-kba {border-top-left-radius: 50px !important;
    border-bottom-left-radius: 50px !important;
padding-top: 15px !important;
    padding-bottom: 15px !important;
    height: 43px !important;
text-decoration: none !important;}

.side-menu.is-right.-center {
   
    top: unset !important;

    bottom: 200px;
}

#side-menu-1 {
    
    --sm-item-height: 43px !important;
    --sm-icon-width: 43px !important;
 
}
.garansi-float-kba {display: none !important;}
.zsiq_flt_rel{ border-top-left-radius: 50% !important;
	border-top-right-radius: 0% !important;
    width: 43px !important;
    border-bottom-left-radius: 50% !important;
	border-bottom-right-radius: 0% !important;
	height: 43px !important;
    right: -50px;
    bottom: 95px;}


.zsiq_theme1 .zsiq_user  {margin-top: -6px !important;
transform: scale(0.9) !important;
    -webkit-transform: scale(0.9) !important;
    right: -2px !important;
	border-radius: 0px !important;
}
.ubermenu-main .ubermenu-submenu.ubermenu-submenu-drop {
  
    border-bottom: 0px !important;
	border-left: 0px !important;
	border-right: 0px !important;
}
.inside-submenu {
	
    background-color: aqua;
    height: 50px;
margin-top: -22px;;
    display: block;
    width: 100%;
	
}
.inside-submenu-shrink {
	
  
margin-top: -42px;;
      height: 50px;
	
}

.ubermenu.ubermenu-disable-submenu-scroll .ubermenu-item>.ubermenu-submenu.ubermenu-submenu-type-mega {
   
    z-index: 5000000;
}
.ubermenu-responsive-default.ubermenu {
   
        z-index: 1;
    }

.ubermenu-skin-red-black {
background: rgb(255,0,0) !important;
background: linear-gradient(90deg, rgba(255,0,0,1) 32%, rgba(163,0,0,1) 83%) !important;
    z-index: 1;
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    border-bottom: 1px solid #666;
}

.garansi-intro {margin-top:60px;}
.logo-toko {width: 200px;margin-right: auto;margin-left: auto;}
.kontak-flex {    display: flex
;
    align-items: center;}

.cari {margin-top: 15px;}
.kba-title-content {display: none !important;}
.custom-col-contact {padding-right: 45px;}
.custom-h2-contact {margin-top: 45px;}
.small-col-kba {margin-top: 50px;}
@media (min-width: 1367px){
	
	
	#grid-11908 .tg-grid-area-right,#grid-6942 .tg-grid-area-right {
  
    height: 50px;
    margin-top: 80px;
}
	
		#grid-11908 .tg-grid-area-left,#grid-6942 .tg-grid-area-left {
 
    height: 50px;
    margin-top: 80px;
}
	.kba-header-container {
		max-width: 96%;
		height: 122px;
		margin-left: auto;
		margin-right: auto;
		display: block;
		
	}
	.kba-logo {
	width: 292px;
	display: block;
		float: left;
	position: relative;
	}
	.kba-menu-container {
		float:right;
		margin-top: -85px;
        width: 100%;
	}
	.right1 {
		
	        width: 110px;
        text-align: center;
        border-left: thin;
        border-left-style: solid;
        border-left-color: #ccc;
        display: table;
        float: right;
	}
	.right1-content {
		 display: table-cell;
    vertical-align: middle;
		
	}
	.right2 {
		
	
	        width: 71px;
        display: table;
        border-left: thin;
        border-left-style: solid;
        border-left-color: #ccc;
        float: right;
	}
	.right2-content {
		 display: table-cell;
    vertical-align: middle;
		
		text-align: center;
	}
	.small-main-menu-kba {
		
		height: 25px;
		font-size: 14px;
		margin-top: 25px;
    padding-right: 15px;
		float: right;
		display: inline-block;
	}
	.large-main-menu-kba {
	
    display: inline-block;
  
   /* margin-right: -250px;*/
    text-align: center;
    margin-left: -15%;
    font-size: 18px;
    font-weight: 900;
	}
	.banner-kba {
height: 100% !important;
 display: block;
		background-color: #666;
		background-size: cover;
		background-position: 0% 50%;
	}
	   .banner-kba2 {
        margin-top: 100px;
    
        display: block;
        background-color: #666;
        background-size: cover;
        background-position: 0% 50%;
    }
	.scroll-down-gif {
		    margin-left: auto;
    margin-right: auto;
    width: 75px;
    position: absolute;
    bottom: 30px;
    left: 0;
    right: 0;
    display: none;
		z-index: 1028;
	}
	.kba-news-content-container {
		background-color: #0c4480;
		max-width: 100%;
	}
	.kba-content {
		max-width: 1200px;
		padding-top: 55px;
		padding-bottom: 70px;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	
	
	/*h2 font adjust */
	
	.font-adjust {
		font-size: 36px;
		font-weight: 700;
	}
	
	.kba-other-content-container {
		max-width: 100%;
		background-image: url(../images/shark-kba.jpg);
		background-size: cover;
		background-position: 50% 0%;
	}
	.clip-video-kba {
		
	}
	.kba-product-link {
		background-color: #fff;
		width: 100%;
	}
	.kba-tentang-sum {
		width: 100%;
		background-image: url(../images/fishing-kba.jpg);
		background-size: cover;
		background-position: 50% 70%;
		height: 490px;
		
	}
	.summary-kba {
		width: 60%;
    font-size: 22px;
		font-weight: 100;
    color: #fff;
    
position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		    margin-left: auto;
    margin-right: auto;
    text-align: center;
	}
	.kba-lower-social {
		background-color: #211b63;
	}
	.kba-footer {
		background-color: #fff;
	}
	
	.footer-kba-text {
		color:#333;
		font-size: 14px;
	}
	
	.banner-kba-inside {
		height: 500px !important;
 display: block;
		background-image: url(../images/products-cool.jpg);
		background-size: cover;
		background-position: 50% 50%;
		margin-top: 100px;
	}
	.banner-kba-inside-with-submenu {
		height: 500px !important;
 display: block;
		background-image: url(../images/products-cool.jpg);
		background-size: cover;
		background-position: 50% 50%;
		margin-top: 150px;
	}
	.banner-kba-inside-reguler {
				height: 450px;
 display: block;
		background-image: url(../images/products-cool.jpg);
		background-size: cover;
		background-position: 50% 50%;
		margin-top: 100px;
	}
	
	.kba-breadcrumb-area {
		background-color: #0c4480;
		width: 100%;
z-index: 1000 !important;
	}
	
	.lengket {
	
	}
	.kba-the-breadcrumb {
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width: 1200px;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 12px;
		color:#fff;
		text-decoration-style: none;
	}
	a.kba-breadcrumb-text:link{
	color:#fff;
	text-decoration-style: none;

}
	a.kba-breadcrumb-text:visited {
	color:#fff;
	text-decoration-style: none;

}
	a.kba-breadcrumb-text:hover {
	color:#fff;
			text-decoration-style: underline;

}
	.kba-regular-content-container {
		background-color: #fff;
		width: 100%;
	}.kba-support-content-container {
		background-color: #3674a3;
		width: 100%;
	}
	.kba-title-content {
		max-width: 1200px;
		
		margin-left: auto;
		margin-right: auto;
		display: block;
		    height: 500px;
	}
	
	.title-inside-100height {
		display: block;
		width: 100%;
		position: absolute;
		z-index: 1028;
		    height: 500px;
	}
	.title-content-100height {
		width: 100%;
        bottom: 15%;
       
        text-align: center;
        display: block;
        margin-top: 250px;
	}
	.h1-title-content100 {
		font-size: 45px;
		font-weight: 900;
		color: #fff;
		-webkit-text-stroke: 0.5px black;
	}
		.title-teaser {
		color: #333!important;
		font-size: 40px !important;
		
		
	}
	
	.small-col-border-kba {
	
		margin-top: -70px;
		
	}
	.kba-text-center {
   
    margin-top: 35px;
}
	.mobile {display: none;}
}



@media (min-width: 768px) and (max-width: 1366px){
	#grid-11908 .tg-grid-area-right,#grid-6942 .tg-grid-area-right {
  
    height: 50px;
    margin-top: 80px;
}
	
		#grid-11908 .tg-grid-area-left,#grid-6942 .tg-grid-area-left {
 
    height: 50px;
    margin-top: 80px;
}
	
/*row-fixer-kba*/
	.fixed-row-kba {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	
	.pad-adjust {
		padding-left: 15px;
		padding-right: 15px;
	}
/*row-fixer-kba*/
/*h2 font adjust */
	
	.font-adjust {
		font-size: 30px;
	}
	.front-ttl2-kba {
		font-weight: 700;
		color:#000;margin-bottom: 25px;
	}
.kba-header-container {
		max-width: 98%;
		height: 122px;
		margin-left: auto;
		margin-right: auto;
		display: block;
		
	}
	.kba-logo {
	width: 292px;
	display: block;
		float: left;
		
	}
	.kba-menu-container {
		float:right;
		width: 70%;
	}
	.right1 {
		width: 110px;
		text-align: center;
	
		border-left: thin;
		border-left-style: solid;
		border-left-color: #ccc;
		display: table;
		float: right;
	}
	.right1-content {
		 display: table-cell;
    vertical-align: middle;
		width: 110px;
		padding-left: 5px; padding-right: 5px;
	}
	.right2 {
		width: 71px;
	
		display: table;
		border-left: thin;
		border-left-style: solid;
		border-left-color: #ccc;
		float: right;
	}
	.right2-content {
		 display: table-cell;
    vertical-align: middle;
		width: 81px;
		text-align: center;
	}
	.small-main-menu-kba {
		
		height: 25px;
		font-size: 14px;
		margin-top: 25px;
    padding-right: 15px;
		float: right;
		display: inline-block;
	}
	.large-main-menu-kba {
		      float: right;
    display: none;
      margin-top: -10px;
   /* margin-right: -250px;*/
    text-align: right;
    
    font-size: 18px;
    font-weight: 900;
	}
	.banner-kba {
height: 100% !important;
 display: block;
		background-color: #666;
		background-size: cover;
		background-position: 50% 50%;
	}
	   .banner-kba2 {
        margin-top: 100px;
    
        display: block;
        background-color: #666;
        background-size: cover;
        background-position: 0% 50%;
    }
	.scroll-down-gif {
		    margin-left: auto;
    margin-right: auto;
    width: 75px;
    position: absolute;
    bottom:  30px;
    left: 0;
    right: 0;
    display: block;
		z-index: 1028;
	}
	.kba-news-content-container {
		background-color: #0c4480;
		max-width: 100%;
	}
	.kba-content {
		max-width: 1024px;
		padding-top: 55px;
		padding-bottom: 70px;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	.kba-other-content-container {
		max-width: 100%;
		background-image: url(../images/shark-kba.jpg);
		background-size: cover;
		background-position: 50% 0%;
	}
	.clip-video-kba {
		
	}
	.kba-product-link {
		background-color: #fff;
		width: 100%;
	}
	.kba-tentang-sum {
		width: 100%;
		background-image: url(../images/fishing-kba.jpg);
		background-size: cover;
		background-position: 50% 70%;
		height: 490px;
		
	}
	.summary-kba {
		width: 60%;
    font-size: 22px;
		font-weight: 100;
    color: #fff;
   
position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		    margin-left: auto;
    margin-right: auto;
    text-align: center;
	}
	.kba-lower-social {
		background-color: #211b63;
	}
	.kba-footer {
		background-color: #fff;
	}
	
	.footer-kba-text {
		color:#333;
		font-size: 14px;
	}
	.banner-kba-inside {
	        height: 500px !important;
        display: block;
        background-image: url(../images/products-cool.jpg);
        background-size: cover;
        background-position: 50% 50%;
        margin-top: 100px;
	}
	.banner-kba-inside-reguler {
				height: 450px;
 display: block;
		background-image: url(../images/products-cool.jpg);
		background-size: cover;
		background-position: 50% 50%;
		
	}
	.kba-breadcrumb-area {
		background-color: #0c4480;
		width: 100%;
		z-index: 1000 !important;
	}
	.kba-the-breadcrumb {
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width: 1200px;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 12px;
		color:#fff;
		text-decoration-style: none;
	}
	a.kba-breadcrumb-text:link{
	color:#fff;
	text-decoration-style: none;

}
	a.kba-breadcrumb-text:visited {
	color:#fff;
	text-decoration-style: none;

}
	a.kba-breadcrumb-text:hover {
	color:#fff;
			text-decoration-style: underline;

}
	.kba-regular-content-container {
		background-color: #fff;
		width: 100%;
	}.kba-support-content-container {
		background-color: #3674a3;
		width: 100%;
	}
	.kba-title-content {
		max-width: 1200px;
		
		margin-left: auto;
		margin-right: auto;
		display: block;
		    height: 100%;
	}
	
	.title-inside-100height {
		display: block;
		width: 100%;
		position: absolute;
		z-index: 1028;
		    height: 100%;
	}
	.title-content-100height {
		width: 40%;
		bottom: 80px;
		
	}
	.h1-title-content100 {
		font-size: 40px;
		font-weight: 900;
		color: #fff;
	}
	.wave-type {
	    color: white;
    background-color: red;
    padding: 10px;
    display: table;
    margin-top: -20px;
    margin-left: 15px;
    border-top-color: blue;
    border-top-style: solid;
    border-top-width: 8px;
}
	.title-teaser {
		color: #333!important;
		font-size: 40px !important;
		
		
	}
	.small-col-border-kba {
	
		margin-top: -70px;
		
	}
		.kba-text-center {
   
    margin-top: 35px;
}
		.mobile {display: none;}
	
	
	.right2-shrink,.right1-shrink {
  
    height: 80px ;
}
.right2 {width: 71px;}
.right2-width-shrink {width: 61px;}
.large-main-menu-kba {margin-top: 10px;}
.large-main-menu-kba-shrink {margin-top: 0px;}
.right2-content {padding-top: 8px;}
.right2-content-shrink {padding-top: 0px;}
.banner-kba {margin-top: 100px;}
.mobile-hide-shrink {display: none;}
.kba-logo {margin-top: 30px;}
.kba-logo-shrink {margin-top: 20px;}
.shiftnav-toggle-shrink {margin-top: -15px !important}
.lang-menu-kba {width: 50px;
   
    margin-bottom: 5px;}
.lang-menu-kba-shrink
{width: 50px;
   margin-top: 10px;
    margin-bottom: 5px;}

}

@media (max-width: 767px){
	
	#grid-11908 .tg-grid-area-right,#grid-6942 .tg-grid-area-right {
  
    height: 50px;
    margin-top: 60px;
}
	
		#grid-11908 .tg-grid-area-left,#grid-6942 .tg-grid-area-left {
 
    height: 50px;
    margin-top: 60px;
}
	
	
	.navbar-default {
	height: 80px;
}
	
	/*row-fixer-kba*/
	.fixed-row-kba {
		margin-left: 0px !important;
		margin-right: 0px !important;
	}

	
	.pad-adjust {
		padding-left: 15px;
		padding-right: 15px;
	}
/*row-fixer-kba*/
/*h2 font adjust */
	
	.font-adjust {
		font-size: 36px;
	}
	
.kba-header-container {
		max-width: 98%;
		height: 122px;
		margin-left: auto;
		margin-right: auto;
		display: block;
		
	}
	.kba-logo {
	width: 225px;
	display: block;
		float: left;
		margin-top: 35px;
	}
	.kba-logo-shrink {

		margin-top: 25px;
	}
	.kba-menu-container {
		float:right;
		width: 50% !important;
	}
.right1 {
		width: 110px;
		text-align: center;
		
		border-left: thin;
		border-left-style: solid;
		border-left-color: #ccc;
		display: table;
		float: right;
	}
	.right1-content {
		 display: table-cell;
    vertical-align: middle;
		width: 110px;
		padding-left: 5px;
		padding-right: 5px;
	}
	.right2 {
		width: 81px;
		height: 80px;
		display: table;
		border-left: thin;
		border-left-style: solid;
		border-left-color: #ccc;
		float: right;
	}
	.right2-content {
		 display: table-cell;
    vertical-align: middle;
		width: 81px;
		text-align: center;
	}
	.small-main-menu-kba {
		
		height: 25px;
		font-size: 14px;
		margin-top: 30px;
    padding-right: 15px;
		float: right;
		display: inline-block;
	}
	.large-main-menu-kba {
		      float: right;
    display: inline-block;
    margin-top: 65px;
    margin-right: -215px;
    text-align: right;
    
    font-size: 18px;
    font-weight: 900;
	}
	.banner-kba {
height: 100% !important;
 display: block;
		
		background-size: cover;
		background-position: 50% 50%;
		background-color: #666;
	}
	   .banner-kba2 {
        margin-top: 100px;
    
        display: block;
        background-color: #666;
        background-size: cover;
        background-position: 0% 50%;
    }
	.scroll-down-gif {
		    margin-left: auto;
    margin-right: auto;
    width: 75px;
    position: absolute;
    bottom: 20px;
    left: 0;
    right: 0;
    display: block;
		z-index: 1028;
	}
	.kba-news-content-container {
		background-color: #0c4480;
		max-width: 100%;
	}
	.kba-content {
		max-width: 1024px;
		padding-top: 55px;
		padding-bottom: 70px;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}
	.kba-other-content-container {
		max-width: 100%;
		background-image: url(../images/shark-kba.jpg);
		background-size: cover;
		background-position: 50% 0%;
	}
	.clip-video-kba {
		
	}
	.kba-product-link {
		background-color: #fff;
		width: 100%;
	}
	.kba-tentang-sum {
		width: 100%;
		background-image: url(../images/fishing-kba.jpg);
		background-size: cover;
		background-position: 50% 70%;
		height: 490px;
		
	}
	.summary-kba {
		width: 90%;
    font-size: 18px;
		font-weight: 700;
		padding-right: 20px;
    color: #fff;
position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		text-align: center;
    margin-left: auto;
    margin-right: auto;
	}
	.kba-lower-social {
		background-color: #211b63;
	}
	.kba-footer {
		background-color: #fff;
	}
	
	.footer-kba-text {
		color:#333;
		font-size: 14px;
	}
		/*special UI kba*/

	.kba-burger {
			width: 65px !important;
		
	}
	
	.col-margin-adjust {
   
    margin-top: 30px;
}
	.produk-bottom-pad {
		padding-bottom: 30px;
	}
	.banner-kba-inside {
		height: 75% !important;
 display: block;
		background-image: url(../images/products-cool.jpg);
		background-size: cover;
		background-position: 50% 50%;
	}
	.banner-kba-inside-reguler {
				height: 450px;
 display: block;
		background-image: url(../images/products-cool.jpg);
		background-size: cover;
		background-position: 50% 50%;
		
	}
	.kba-breadcrumb-area {
		background-color: #0c4480;
		width: 100%;
	}
	.kba-the-breadcrumb {
		display: block;
		margin-left: auto;
		margin-right: auto;
		max-width: 1200px;
		padding-top: 10px;
		padding-bottom: 10px;
		font-size: 12px;
		color:#fff;
		text-decoration-style: none;
	}
	a.kba-breadcrumb-text:link{
	color:#fff;
	text-decoration-style: none;

}
	a.kba-breadcrumb-text:visited {
	color:#fff;
	text-decoration-style: none;

}
	a.kba-breadcrumb-text:hover {
	color:#fff;
			text-decoration-style: underline;

}
	.kba-regular-content-container {
		background-color: #fff;
		width: 100%;
	}.kba-support-content-container {
		background-color: #3674a3;
		width: 100%;
	}
	.kba-support-title-area {
		margin-bottom: 0px !important;
		
		
	}
	
	
	/*special menu kba*/

	.kba-burger {
			width: 87px;
		text-align: center;
		height: 100px;
		border-left: thin;
		border-left-style: solid;
		border-left-color: #ccc;
		display: table;
		float: right;
	}
	.kba-burger-shrink {
		
		height: 75px;
		
	}
	
	.title-teaser {
		color: #333!important;
		font-size: 30px !important;
		
		
	}
	
	.desktop {
		display: none;
	}
	.mobile {
		/*margin-top: -37px;*/
	}
	.sticky-wrapper {
		height: 0px !important;
	}
	.mobile-hide {
		
	}
	#shiftnav-toggle-main.shiftnav-toggle-style-burger_only {
          margin-top: 20px !important;
    margin-right: -10px !important;
}
	.right2 {width: 71px;}
.right2-width-shrink {width: 61px;}
.large-main-menu-kba {margin-top: 10px;}
.large-main-menu-kba-shrink {margin-top: 0px;}
.right2-content {padding-top: 8px;}
.right2-content-shrink {padding-top: 0px;}
.banner-kba {margin-top: 100px;}
.mobile-hide-shrink {display: none;}
.kba-logo {margin-top: 30px;}
.kba-logo-shrink {margin-top: 20px;}
.shiftnav-toggle-shrink {margin-top: -15px !important}
.lang-menu-kba {width: 50px;
   
    margin-bottom: 5px;}
.lang-menu-kba-shrink
{width: 50px;
   margin-top: 10px;
    margin-bottom: 5px;}
}
@media (min-width: 768px) and (max-width: 1366px){
	#shiftnav-toggle-main.shiftnav-toggle-style-burger_only {
     margin-top: 20px !important;
    margin-right: 10px !important;
}
	#shiftnav-toggle-main.shiftnav-toggle-main-align-right-shrink {
     margin-top: 10px !important;
}
	.shiftnav-burger-shrink {
		margin-top: 5px !important;
	}
	.tg-kba-post2 .tg-element-2 {
	font-size: 16px !important;
	font-weight:300 !important;
}	
	
}
@media (max-width:1366px) {
		.inside-submenu {
  display:none;
}
	
		.small-main-menu-kba {
		
		display: none;
	}
	.large-main-menu-kba {
	display: none;
	}
	.kba-menu-container {
		width: 50%;
	}
	.kba-logo {
    margin-left: 15px;
}
	/*special menu kba*/

	.kba-burger {
			width: 87px;
		text-align: center;
		height: 100px;
		border-left: thin;
		border-left-style: solid;
		border-left-color: #ccc;
		display: table;
		float: right;
	}
	.kba-burger-shrink {
		
		height: 80px;
		
	}
/*special menu kba*/
/*h2 font adjust */
	
	.font-adjust {
		font-size: 24px;
	}
	.front-ttl2-kba {
		font-weight: 700;
		color:#000;margin-bottom: 25px;margin-top: 45px;
	}
	.kba-support-title-area {
		margin-bottom: 15px;
	}
	.kba-title-content {
		max-width: 1200px;
		
		margin-left: auto;
		margin-right: auto;
		display: block;
		    height: 100%;
	}
	
	.title-inside-100height {
	        display: block;
        width: 100%;
        position: absolute;
        z-index: 1028;
        height: 500px;
	}
	.title-content-100height {
	           width: 100%;
       
        text-align: center;
        display: block;
        margin-top: 250px
       
	}
	.h1-title-content100 {
		font-size: 33px;
		font-weight: 900;
		color: #fff;
	}
		.wave-type {
	    color: white;
    background-color: red;
    padding: 10px;
    display: table;
    margin-top: -20px;
    margin-left: 15px;
    border-top-color: blue;
    border-top-style: solid;
    border-top-width: 8px;
}
	.kba-text-center {
    
    margin-top: 25px;
}
	.right3 {display: none;}
}

@media (max-width:767px) {
		.inside-submenu {
  display:none;
}
	
.small-col-kba {
		width:60% !important;
		margin-left: auto;
		margin-right: auto;
		display: block;
		margin-top: 40px;
	}
	.small-col-border-kba {
		border-top-style: dashed;
    border-top-width: 1px;
    border-color: #ccc;
		margin-top: 30px;
		margin-bottom: 30px;
	}
	.splitter-horizontal-kba {
		border-bottom-style: dashed;
		border-bottom-color: #ccc;
		border-bottom-width: 1px;
		margin-top: 25px;
	}
	
	.mobile-center {text-align: center;}	
	.garansi-intro {margin-top:10px;}
	.right2 {width: 71px;}
.right2-width-shrink {width: 61px;}
.large-main-menu-kba {margin-top: 10px;}
.large-main-menu-kba-shrink {margin-top: 0px;}
.right2-content {padding-top: 8px;}
.right2-content-shrink {padding-top: 0px;}
.banner-kba {margin-top: 100px;}
.mobile-hide-shrink {display: none;}
.kba-logo {margin-top: 40px;}
.kba-logo-shrink {margin-top: 30px;}
.shiftnav-toggle-shrink {margin-top: -15px !important}
.lang-menu-kba {width: 50px;
   
    margin-bottom: 5px;}
.lang-menu-kba-shrink
{width: 50px;
   margin-top: 10px;
    margin-bottom: 5px;}
	
.right3-shrink,.right2-shrink,.right1-shrink {
  
    height: 80px ;
}	
	
		#shiftnav-toggle-main.shiftnav-toggle-main-align-right-shrink {
     margin-top: 10px !important;
}

}



@media (max-width:520px) {
	
	.inside-submenu {
  display:none;
}
	
.right1 {
display: none;	}
	.right2 {
		display: none;
	}
	.kba-menu-container {
   
    width: 20% !important;
}	
.banner-kba {margin-top: 80px;}
	
	.kba-logo {
    width: 225px;
    display: block;
    float: left;
    margin-top: 25px;
}
	   .banner-kba2 {
        margin-top: 80px;
    
        display: block;
        background-color: #666;
        background-size: cover;
        background-position: 0% 50%;
    }
		.kba-burger {
			width: 87px;
		text-align: center;
		height: 80px;
		border-left: thin;
		border-left-style: solid;
		border-left-color: #ccc;
		display: table;
		float: right;
	}
	.kba-burger-shrink {
		
		height: 80px;
		
	}
	
		.right2 {width: 71px;}
.right2-width-shrink {width: 61px;}
.large-main-menu-kba {margin-top: 10px;}
.large-main-menu-kba-shrink {margin-top: 0px;}
.right2-content {padding-top: 8px;}
.right2-content-shrink {padding-top: 0px;}
.banner-kba {margin-top: 100px;}
.mobile-hide-shrink {display: none;}
.kba-logo {margin-top: 28px;}
.kba-logo-shrink {margin-top: 28px;}
.shiftnav-toggle-shrink {margin-top: -15px !important}
.lang-menu-kba {width: 50px;
   
    margin-bottom: 5px;}
.lang-menu-kba-shrink
{width: 50px;
   margin-top: 10px;
    margin-bottom: 5px;}
		#shiftnav-toggle-main.shiftnav-toggle-main-align-right-shrink {
     margin-top: 20px !important;
}
	.shiftnav-toggle {margin-top: -15px !important}

	.shiftnav-toggle-shrink {margin-top: -15px !important}
	
	.product-mobile-2024 {width: 50%; float: left;}
	
	.title-content-100height {
        width: 100%;
        text-align: center;
        display: block;
        margin-top: 350px;
    }
	
}