@font-face {
  font-family: "Raleway Bold";
  src: url(font/Raleway-Bold.ttf);
  format: "ttf"; }
@font-face {
  font-family: "Raleway Extra Bold";
  src: url(font/Raleway-ExtraBold.ttf);
  format: "ttf"; }
@font-face {
  font-family: "Raleway Light";
  src: url(font/Releway-ExtraLight.ttf);
  format: "ttf"; }
@font-face {
  font-family: "Raleway Heavy";
  src: url(font/Raleway-Heavy.ttf);
  format: "ttf"; }
@font-face {
  font-family: "Raleway Light";
  src: url(font/Raleway-Light.ttf);
  format: "ttf"; }
@font-face {
  font-family: "Raleway Light_0";
  src: url(font/Raleway-Light_0.ttf);
  format: "ttf"; }
@font-face {
  font-family: "Raleway Medium";
  src: url(font/Raleway-Medium.ttf);
  format: "ttf"; }
@font-face {
  font-family: "Raleway Regular";
  src: url(font/Raleway-Regular.ttf);
  format: "ttf"; }
@font-face {
  font-family: "Raleway SemiBold";
  src: url(font/Raleway-SemiBold.ttf);
  format: "ttf"; }
@font-face {
  font-family: "Raleway Thin";
  src: url(font/Raleway-Thin.ttf);
  format: "ttf"; }

/*open sans*/
@font-face {
  font-family: "OpenSans Bold";
  src: url(font/Open_Sans/OpenSans-Bold.ttf);
  format: "ttf"; }
@font-face {
  font-family: "OpenSans Regular";
  src: url(font/Open_Sans/OpenSans-Regular.ttf);
  format: "ttf"; }
@font-face {
  font-family: "OpenSans ExtraBold";
  src: url(font/Open_Sans/OpenSans-ExtraBold.ttf);
  format: "ttf"; }
@font-face {
  font-family: "OpenSans ExtraBoldItalic";
  src: url(font/Open_Sans/OpenSans-ExtraBoldItalic.ttf);
  format: "ttf"; }
@font-face {
  font-family: "OpenSans Italic";
  src: url(font/Open_Sans/OpenSans-Italic.ttf);
  format: "ttf"; }
@font-face {
  font-family: "OpenSans Light";
  src: url(font/Open_Sans/OpenSans-Light.ttf);
  format: "ttf"; }



/*body {*/
/*	max-width: 1400px;*/
/*	margin :0 auto;*/
/*}*/

#line-short {
	border: 2px solid #007fb5;
	width: 7%;
	margin: 0 0 2% 0;
}

.btn-primary {
	background-color: #0095d4 !important;
	border-color: #0095d4 !important;
}

.share-media {font-family: "OpenSans Regular";}
.media-wrap {
	display: inline-block;
	width: 	35px;
	height: 35px;
	margin-left: 3px;
	padding-left: 10px;
	padding-top: 8px;
	border-radius: 100%;
	color:white;
	cursor: pointer;
} 	.media-wrap i {
		font-size: 15px;
	}
	.fb-color {
		background-color: #4267b2 !important;
	} .fb-color i {padding-left: 1px;}
 	.twt-color {
		background-color: #1e96d6 !important;
	}
 	.google-color {
		background-color: #db4437 !important;
	}


/*------ owl carousel ------ */
.owl-carousel .wrap-carousel {
	margin:2%;
}	.owl-carousel .wrap-carousel a {
		text-decoration: none;
		color:#333;
	} 	.owl-carousel .wrap-carousel .desc {
			margin:5% 3%;
			text-align: center;
			font-family: "Raleway Regular";
		}


/* menu */
.wrap-menu {
	background-color: #fc0401 !important;
	color:white !important;
	position: relative;
}	
.wrap-menu .firrt-row {
		/*padding-bottom: 4%;*/
		padding-bottom: 2%;
		margin-right: 0;
	}
	.wrap-menu .firrt-row .top_info ul li, .wrap-menu .firrt-row .top_info-right ul li {
			float: left;
			list-style: none;
			padding:0 25px 0 0;
			margin: 3% 1%;
		}	.wrap-menu .firrt-row .top_info ul>li>span{
				font-family: "OpenSans Light";
			}	.wrap-menu .firrt-row .top_info ul>li>span.bold{
					font-family: "OpenSans Bold";
				}
			.wrap-menu .firrt-row .top_info ul li a {
				color:#fff !important;
				cursor: pointer;
			}	.wrap-menu .firrt-row .top_info button {
					background-color:transparent;
					border:hidden;
				}
				.wrap-menu .firrt-row .top_info .dropdown a {
					font-family: "OpenSans Bold";
				}

		.wrap-menu .firrt-row .top_info-right {
			/*padding-right: 3%;*/
		}	.wrap-menu .firrt-row .top_info-right ul li {
				border: 2px solid white;
				border-top-left-radius: 50px;
				border-top-right-radius: 50px;
				border-bottom-left-radius: 50px;
				border-bottom-right-radius: 50px;
				/*margin:3% 1%;*/
				cursor: pointer;
				padding: 1% 5%;
			}
			.wrap-menu .firrt-row .top_info-right ul li:hover {
				background-color: white !important;
				color:#333;
			}	.wrap-menu .firrt-row .top_info-right ul li a {
					font-family: "Raleway Heavy";
					color:white;
					padding: 5% 0;
				}
				.wrap-menu .firrt-row .top_info-right ul li:hover a {
					color: #007fb5;
					text-decoration: none;
				}

/* menu sidenav */
.sidenav {
    height: 100%;
    width: 0;
    position: fixed;
    z-index: 9999999999;
    top: 0;
    left: 0;
    background-color: #004d66;
    overflow-x: hidden;
    transition: 0.5s;
    padding-top: 70px;
}	.sidenav a {
	    /* padding: 8px 8px 8px 32px; */
      padding: 8px 8px 8px 10px;
	    text-decoration: none;
	    font-size: 22px;
	    color: #818181;
	    display: block;
	    transition: 0.3s;
	}	.sidenav a:hover {
		    color: #f1f1f1;
		}	.sidenav .closebtn {
			    position: absolute;
			    top: 0;
			    right: 25px;
			    font-size: 36px;
			    margin-left: 50px;
			}
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 50px;}
  .sidenav a {font-size: 15px;}
}

.wrap-sidenav .kontak , .wrap-sidenav * {
	color:#fff !important;
}	.wrap-sidenav ul.nav li a {
		padding: 2%;
	}
	.wrap-sidenav hr {
		margin-top:1%;
	}

.wrap-sidenav .panel-heading, .wrap-sidenav .panel-body {
	padding:2%;
}	.wrap-sidenav ul.nav li:hover a, .wrap-sidenav .panel:hover .panel-heading a, .wrap-sidenav .panel:hover ul li a {
		background-color: white;
		color:#333 !important;
		border-radius: 5px;
	}   .panel:hover {
			background-color: white !important;
			cursor: pointer;
		}	.wrap-sidenav .panel ul.nav li {
				padding-left: 10%;
			}

.wrap-sidenav .container-fluid .menu-mobile .search-min-910 {
	margin: 1% 10% 1% 0;
	font-size: 25px;
	padding:0 5%;
	border-radius: 5px;
	background-color: white;
}	.wrap-sidenav .container-fluid .menu-mobile .search-min-910 i {
		color: #555 !important;
	}

.wrap-sidenav .container-fluid .menu-mobile span {
	font-size:30px;
	color: white !important;
	cursor:pointer;
}


/*modal search*/
#modal-search .modal-header {
	background-color: #0095d4 !important;
	color:white;
}	#modal-search .modal-header button {
		width: 100px;
	}


/*sidenav hide and block menu*/
@media(min-width: 1269px){
	.wrap-sidenav {
		display: none;
	}
}
	@media(max-width: 1268px){
		.menu, .lang-menu {
			display: none;
		}
		.wrap-menu .firrt-row {
			padding-bottom: 0;
      display: none;
		}
    .background-putih-menu{
      background-color: unset;
      margin-top: 60px;
    }

	}
		@media(max-width: 1230px){
			.wrap-menu .firrt-row .top_info ul>li>span {
				font-size: 13px;
        display: none;
			}

			.wrap-menu .firrt-row .top_info-right ul li {
				padding: 0.5% 2%;
        display: none;
			}
		}
			@media(max-width: 1155px){
				.wrap-menu .firrt-row .top_info ul>li> .text {
					display: none;
				}
			}
				@media(max-width: 910px){
					.wrap-menu .firrt-row .top_info-right ul li {
						margin:3% 0;
					}
					.wrap-menu, .search-min-910 {
						display: none;
					}
					.lang-menu {
						display: block;
					}	.lang-menu ul li {
							list-style: none;
							float: right;
						}	.lang-menu ul li.li-search {

							}	.lang-menu ul li.li-search a {
									background-color: white;
									padding:5% 30px;
								}	.lang-menu ul li.li-search a:hover {
										background-color: rgb(230, 246, 255);
									}	.lang-menu ul li.li-search a i {
											color: black !important;
										}

				}
					@media(max-width: 980px){
						.wrap-menu .firrt-row .top_info-right ul {
							margin:0;
							padding:0;
						}
						.wrap-menu .firrt-row .top_info-right ul li {
							margin:3% 1%;
						}

					}
						@media(max-width: 430px){
							.wrap-menu .firrt-row .top_info {
								display: none;
							}

						}
							@media(min-width: 429px){
								.hide-lang-large {
									display: none;
								}
							}

/*Menu*/
/* .wrap-menu .menu {
	margin:-4% 5% 0 5%;
	width:90%;
	position: absolute;
	padding:0.5% 2%;
	background-color: white;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	z-index: 1;
}
.wrap-menu .menu .list-menu  ul {
		margin:2% 0%;
	}	.wrap-menu .menu .list-menu ul li {
			float: left;
			list-style: none;
		}	.wrap-menu .menu .list-menu ul li {
				color: #555 !important;
				padding: 20px 5px 10px 5px;
				border-top-left-radius: 35px;
				border-top-right-radius: 35px;
				font-family: "Raleway Regular";
			}	.wrap-menu .menu .list-menu ul li a {
					color: #555;
					text-decoration: none;
					padding: 20px 5px 10px 5px;
          padding: 5px 5px 10px 5px;
          font-size: 22px;
					font-family: "Raleway Regular";
				}
				.wrap-menu .menu .list-menu ul li:hover a {
					color: #fff !important;
				}
				.wrap-menu .menu .list-menu ul li:hover {
					text-decoration: none;
					color: white !important;
					background-color: rgba(79,161,13,1);
				} */

	/*responsive menu*/
	@media(max-width: 1305px){
		.wrap-menu .firrt-row .top_info ul li {
			padding:0 10px 0 0;
		}
		.wrap-menu .firrt-row .top_info-right {
			margin:0;
			padding:0;
		}
	}

	@media(max-width: 1305px){
		.wrap-menu .menu .list-menu ul li {
			padding: 20px 5px 10px 5px;
		}

	}


	/*dropdown*/
	.wrap-menu .menu .list-menu ul li:hover ul {
		display:block;
		-webkit-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.75);
		box-shadow: 0px 5px 15px 0px rgba(0,0,0,0.75);
	}
	.wrap-menu .menu .list-menu ul ul {
		z-index: 6;
		display:none;
		list-style:none;
		position:absolute;
		background-color:#fff;
		width: 250px;
		margin-top:10px;
		margin-left: -5px;
	}	.wrap-menu .menu .list-menu ul ul li {
			margin:2% 0; padding:0;
			margin-left: -30px;
		}	.wrap-menu .menu .list-menu ul ul li a {
				float:left;
				display:block;
				color: #555 !important;
				width: 230px;
				padding:5%;
			}	.wrap-menu .menu .list-menu ul li:hover ul li a {
					color:#555 !important;
				}	.wrap-menu .menu .list-menu ul li ul li a:hover  {
						/*color:#fff !important;*/
						background-color: #f2f2f2;
					}

/* note page */
.note-page {
	background-color: #f2f2f2 !important;
	padding:.5% 0;
	color:#999;
}	.note-page span {
		color : #0095d4 !important;
	}


/*home*/

#home .brand {
	margin:5% 0;
}
#home .margin-col-right {
	padding-right: 5%;
	z-index: 3;
	height: 330px;
	max-height: 330px;
}	#home .margin-col-right .box-bottom-right {
		position: relative;
		width: 100%;
	}
	#home .margin-col-right #line-short {
		width:10%;
		margin:5% 0;
		float: right;
	}
	#home .margin-col-right .desc-brand {
		font-size: 30px;
		margin-bottom: 10%;
	}

	#home .margin-col-left {
		padding-left: 5%;
		height: 330px;
		max-height: 330px;
	}
		#home .margin-col-left #line-short {
			width:10%;
			margin:5% 0
		}
		#home .margin-col-left .desc-brand {
			font-size: 30px;
			float: left;
			margin-bottom: 10%;
			width: 100%;
		}	#home .desc-brand {
				font-family: "Raleway Regular";
			}
			#home .margin-col-left a, #home .margin-col-right a {
				font-family: "Raleway Medium";
			}


	#home .banner-brand div div {
		margin:0; padding:0;
	}	#home .banner-brand img {
			width: 100%;
			height: 100%;
			max-height: 290px;
		} 	#home .banner-brand .wrap-ktg, #about .wrap-ktg  {
				position: relative;
			}	#width-img1, #width-img6 {
					width: 50%;
					max-height: 290px;
					margin: 0;
					padding: 0;
					float: left;
				}
				#width-img2, #width-img3, #width-img4, #width-img5 {
					width: 25%;
					max-height: 290px;
					margin: 0;
					padding: 0;
					float: left;
				}
			#home .banner-brand .wrap-ktg, #about .wrap-ktg:hover {
				/*background-color: rgba(79,161,13,0.5);*/
			}	#home .banner-brand .wrap-ktg, #about .wrap-ktg a {
					text-decoration: none;
					color:#555;
				}
				#home .banner-brand .wrap-ktg .image, #about .wrap-ktg .image {
				  	opacity: 1;
				  	display: block;
				  	width: 100%;
				  	height: auto;
				  	transition: .5s ease;
				  	backface-visibility: hidden;
				}
				#home .banner-brand .wrap-ktg:hover .image, #about .wrap-ktg:hover .image {
				  	opacity: 0.5;
				}
				#home .banner-brand .wrap-ktg .middle, #about .wrap-ktg .middle {
				  	transition: .5s ease;
				  	opacity: 0;
				  	position: absolute;
				  	top: 50%;
				  	left: 50%;
				  	transform: translate(-50%, -50%);
				  	-ms-transform: translate(-50%, -50%)
				}
				#home .banner-brand .wrap-ktg:hover .middle, #about .wrap-ktg:hover .middle {
				  	opacity: 1;
				}	#home .banner-brand .wrap-ktg .middle .text, #about .wrap-ktg .middle .text {
					  	background-color: rgba(79,161,13,1);
					  	color: white;
					  	border-radius: 50px;
					  	font-size: 16px;
					  	padding: 10px 15px;
					}


	#home .div-welcome {
		position: relative;
		margin: 0 auto;
	}	#home .div-welcome .row {
			margin:0;
		}	#home .div-welcome img {
				margin:0 auto;
				background-repeat:no-repeat;
				background-position: center center;
			}
			#home .div-welcome .wrap-welcome {
				position: absolute;
				margin: 8% 0;
				top: 0%;
			}	#home .div-welcome .wrap-welcome #line-short {
					border:3px solid #007fb5;
					width:10%;
					margin:5% 0;
				}
				#home .div-welcome .wrap-welcome .title1, #home .div-welcome .wrap-welcome .title2 {
					font-size: 35px;
					font-family: "Raleway Regular";
				}
				#home .div-welcome .wrap-welcome .title2 {
					font-size: 35px;
					font-family: "Raleway Heavy";
				}
				#home .div-welcome .wrap-welcome .desc-welcome {
					margin:5% 0 5% 0;
					font-family: "Raleway Regular";
				}


	#home .galery-vidio {
		margin-top:5%;
	}	#home .galery-vidio .wrap-g-vidio {
			margin-bottom: 3%;
		}	#home .galery-vidio .wrap-g-vidio .title {
				font-size:40px;
			}
			#home .galery-vidio .wrap-g-vidio .desc-gv {
				font-family: "Raleway Regular";
			}
			#home .galery-vidio .wrap-g-vidio hr{
				border:3px solid #006080 ;
				width:5%;
			}
			#home .galery-vidio .wrap-g-vidio a {
				margin-top:20%
			}


	#home .retailer {
		background-repeat: no-repeat;
		background-position: top;
		background-size: auto;
		padding: 5% 5%;
	}	#home .retailer .container {
			padding:5% 5%;
		}	#home .retailer .container #modal-show .modal-header {
				background-color: #77b300;
				color:white;
			} 	#home .retailer .container #modal-show .table-first {
					margin-bottom: 2%;
				}	#home .retailer .container #modal-show .table-first tr td {
						padding-top:3%;
						text-transform: capitalize;
						font-family: "OpenSans Regular";
					}	#home .retailer .container #modal-show .table-first tr {
							border-bottom: 1px solid #ddd;
						}

			#home .retailer .container .table-second tr th {
				background-color: #88cc00;
				color:white;
				text-align: center;
			}
			#home .retailer .container .table-second tr td {
				font-family: "OpenSans Regular";
				text-transform: capitalize;
			}

	#home .text-retailer {
		-webkit-text-fill-color: #0095d4;
		-webkit-text-stroke: 1px #ffffff;
		font-size: 40px;
		font-family: "Raleway Heavy";
	}	#home .text-retailer1 {
			font-size: 25px;
			color:white;
			font-family: "Raleway Regular";
		}
		/*006080 !important*/


/* product */
#product {
	margin-top: 5%;
}	#product .title-our-pro {
		font-size: 30px;
		font-family: "Raleway Regular";
		margin-bottom: 2%;
	}
	#product .wrap-img-brand {
		/*padding:5% 0;*/
		border:1px solid #f6f3f3;
	}	#product .wrap-img-brand img {
			padding:5% 0;
		}
	#product .wrap-img-brand-active {
		-webkit-box-shadow	: 0px 3px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow		: 0px 3px 5px 0px rgba(0,0,0,0.75);
		box-shadow 			: 0px 3px 5px 0px rgba(0,0,0,0.75);
	}
	#product a .wrap-img-brand:hover {
		z-index: 5;
		-webkit-box-shadow	: 0px 3px 5px 0px rgba(0,0,0,0.75);
		-moz-box-shadow		: 0px 3px 5px 0px rgba(0,0,0,0.75);
		box-shadow 			: 0px 3px 5px 0px rgba(0,0,0,0.75);
	}	#product .wrap-img-brand img {
			margin:0 auto;
		}

	#product .img-pro {
			margin:5% 0;
		}
	 	#product .img-pro .col-wrap {
	 		margin:0;
	 		padding:0;
	 	}	#product .img-pro .wrap-img-pro {
		 		border:1px solid #e6e6e6;
		 		margin:2%;
		 		position: relative;
		 	}	#product .img-pro .wrap-img-pro .hover-hide {
		 			color:#333 !important;
			 	}
		 		#product .img-pro .wrap-img-pro .overlay {
					position: absolute;
					bottom: 0;
					left: 0;
					right: 0;
					overflow: hidden;
					width: 100%;
					height: 0;
					transition: .5s ease;
				}
				#product .img-pro .wrap-img-pro:hover .overlay {
					height: 100%;
					background-color: rgba(0, 136, 204, 0.8)
				}
				#product .img-pro .wrap-img-pro .overlay .title-pro {
					display: none;
					position: absolute;
					width: 100%;
					color: white !important;
					font-size: 20px;
					overflow: hidden;
					top: 40%;
					text-align: center;
					margin:0 auto;
					padding:0 10% 0 0;
					font-family: "Raleway Heavy";
				}	#product .img-pro .wrap-img-pro .overlay .title-pro .link {
						font-size: 11px;
						text-transform: uppercase;
						bottom: -10%;
						margin-top:30%;
					}

				#product .img-pro .wrap-img-pro:hover .title-pro {
					display: block;}
				#product .img-pro .wrap-img-pro .hover-hide .title-pro {
					font-family: "Raleway Heavy";
				}	#product .img-pro .wrap-img-pro:hover .hover-hide .title-pro {
						color: white;
					}	#product .img-pro .wrap-img-pro .title-pro small {	  font-family: "Raleway Light";
							font-style: italic;
							font-size: 14px;
						}
		 	#product .img-pro .wrap-img-pro img {
					padding:5%;
					display: block;
					height: auto;
				}
				#product .img-pro .wrap-img-pro .text-center {
					padding:5%;
				}	#product .img-pro .wrap-img-pro .text-center .title-pro{
						/*font-size: 25px;
						font-weight: bold;*/
					}

/*produk detail*/

#detail-pro {
	margin-bottom: 5%;
}	#detail-pro .shadow {
		padding-top:5%;
		-webkit-box-shadow	: 0px 5px 102px -13px rgba(148,145,148,1);
		-moz-box-shadow		: 0px 5px 102px -13px rgba(148,145,148,1);
		box-shadow 			: 0px 5px 102px -13px rgba(148,145,148,1);
	}
	#detail-pro .img-desc-pro {
		/*border :1px solid red;*/
	}	#detail-pro .img-desc-pro .wrap-img {
			padding:1%;
		}	#detail-pro .img-desc-pro .wrap-img .carousel {
				border:1px solid #e6e6e6;
				padding:5%;
			}	#detail-pro .img-desc-pro .wrap-img .wrap-img-small {
					margin-left:1%;
					margin-top:1%;
				}	#detail-pro .img-desc-pro .wrap-img .img-small {
						padding:1%;
					}	#detail-pro .img-desc-pro .wrap-img .img-small img {
							cursor: pointer;
							max-width: 80px;
							margin:1%;
							border:1px solid #e6e6e6;
						}
					#detail-pro .img-desc-pro .wrap-img .klik-to-large {
						font-family: "OpenSans Light";
						font-style: italic;
					}

		#detail-pro .img-desc-pro .wrap-img .title {
			font-size: 26px;
			font-family: "Raleway Light";
		}
		#detail-pro .img-desc-pro .wrap-img .summary-pro {
			font-size: 18px;
			font-family: "Raleway Heavy";
		}
		#detail-pro .img-desc-pro .wrap-img .desc-pro {
			line-height: 200%;
			font-family: "Raleway Light";
		}
		#detail-pro .img-desc-pro .wrap-img .price {
			font-size: 26px;
			font-family: "Raleway Extra Bold";
			color:rgba(79,161,13,1);
			margin:5% 0;
		}	#detail-pro .img-desc-pro .wrap-img .price .info-price{
				font-size: 15px;
				font-weight: normal;
				font-style: italic;
				color: #bfbfbf;
				font-family: "OpenSans Light";
			}

		#detail-pro .img-desc-pro .wrap-img .get-call-buy {
			font-family: "OpenSans Light";
		}	#detail-pro .img-desc-pro .wrap-img .get-call-buy .row {
				margin: 5% 0;
			}	#detail-pro .img-desc-pro .wrap-img .get-call-buy .border {
					border:1px solid #e6e6e6;
					padding: 0;
					margin:0;
				}	#detail-pro .img-desc-pro .wrap-img .get-call-buy .border img {
						border:none;
						margin:0 auto;
					}

			#detail-pro .img-desc-pro .view-next {
				margin: 7% 0 5% 0;
			}	#detail-pro .img-desc-pro .view-next a {
					font-family: "Raleway Regular";
					text-decoration: none;
					color: rgba(79,161,13,1);
				}

	#detail-pro .wrap-fitur {
		margin-top:5%;
	}	#detail-pro .wrap-fitur {
			margin-top:5%;
		}	#detail-pro .wrap-fitur ul.nav-tabs {
				border: none;
				z-index: 2;
				position: relative;
			}	#detail-pro .wrap-fitur ul.nav-tabs hr {
					border:1px solid #ccc;
					margin:0 1%;
					padding:0;
					bottom:50%;
					z-index: 0;
					position: absolute;
					width:98%;
				}

			#detail-pro .wrap-fitur ul.nav-tabs li {
				margin:0 .5%;
			}
			#detail-pro .wrap-fitur ul.nav-tabs li.active>a {
				background-color: #fff;
				opacity: 1;
				border:2px solid #0099ff;
				color: #0099ff !important;
			}
			#detail-pro .wrap-fitur ul.nav-tabs li a {
				background-color: #f2f2f2;
				border:2px solid #999999;
				border-radius:15px;
				padding-left: 30px;
				padding-right: 30px;
				font-size: 20px;
				color: #999999 !important;
				font-family: "Raleway Regular";
			}

		#detail-pro .wrap-fitur #fitur, #detail-pro .wrap-fitur #spesifikasi{
			margin : 5%;
		}	#detail-pro .wrap-fitur .title {
				font-size: 33px;
				color:#0099ff;
				margin-bottom: 3%;
				font-family: "Raleway Light";
			}

			#detail-pro .wrap-fitur #fitur .desc-fitur {
				margin-bottom:3%;
				font-family: "OpenSans Regular";
			}
			#detail-pro .wrap-fitur #fitur .img-fitur .row {
				margin:3% 0;
			}

				#detail-pro .wrap-fitur #fitur .img-fitur .row img {
					-webkit-box-shadow: 0px 0px 20px 0px rgba(142,146,148,1);
					-moz-box-shadow   : 0px 0px 20px 0px rgba(142,146,148,1);
					box-shadow:  	  : 0px 0px 20px 0px rgba(142,146,148,1);
				}
				#detail-pro .wrap-fitur #fitur .col-margin {
					margin:5% 0;
				}	#detail-pro .wrap-fitur #fitur .col-margin .title-fitur {
						font-size: 20px;
						font-family: "OpenSans Bold";
					}

			#detail-pro .wrap-fitur #spesifikasi .desc-fitur {
				margin-bottom:3%;
				font-family: "OpenSans Regular";
			}

		#detail-pro .title-our-pro {
			font-family: "Raleway Regular";
			font-size: 30px;
		}	#detail-pro .tab-content {
				margin-top:3%;
			}	#detail-pro .tab-content #show-slide-v {
		  			display: none;
		  		}


	#detail-pro .img-pro {
		margin:5% 0;
	}
 	#detail-pro .img-pro .col-wrap {
 		margin:0;
 		padding:0;
 	}	#detail-pro .img-pro .wrap-img-pro {
	 		border:1px solid #e6e6e6;
	 		margin:2%;
	 		position: relative;
	 	}	#detail-pro .img-pro .wrap-img-pro .overlay {
				position: absolute;
				bottom: 0;
				left: 0;
				right: 0;
				overflow: hidden;
				width: 100%;
				height: 0;
				transition: .5s ease;
			}
			#detail-pro .img-pro .wrap-img-pro:hover .overlay {
				height: 100%;
				background-color: rgba(0, 136, 204, 0.8)
			}
			#detail-pro .img-pro .wrap-img-pro .overlay .title-pro {
				display: none;
				position: absolute;
				width: 100%;
				color: white !important;
				font-size: 20px;
				overflow: hidden;
				top: 40%;
				text-align: center;
				margin:0 auto;
				padding:0 10% 0 0;
				font-family: "Raleway Heavy";
			}	#detail-pro .img-pro .wrap-img-pro .overlay .title-pro .link {
					font-size: 11px;
					text-transform: uppercase;
					bottom: -10%;
					margin-top:30%;
/*					color: white !important;
					position: absolute;*/
				}

			#detail-pro .img-pro .wrap-img-pro:hover .title-pro {
				display: block;
			}

			#detail-pro .img-pro .wrap-img-pro .hover-hide .title-pro {
				font-family: "Raleway Heavy";
			}	#detail-pro .img-pro .wrap-img-pro:hover .hover-hide .title-pro {
					color: white;
				}	#detail-pro .img-pro .wrap-img-pro .title-pro small {
						font-family: "Raleway Light";
						font-style: italic;
						font-size: 14px;
					}


/*about*/
#about {

}	#about .baner {
		margin: 0 auto;
	}	#about .baner img {
			margin: 0 auto;
			width: 100%;
		}
		#about .wrap-about {
			margin:5% 0;
		}	#about .wrap-about .title {
				font-size: 25px;
				color : #555 !important;
				margin-bottom: 2%;
			}
			#about .wrap-about .desc {
				color : #777 !important;
				text-align: justify;
			}
			#about .wrap-about .wrap-about-other {
				margin: 5% 0;
			}	#about .wrap-about .wrap-about-other .title {
					font-size: 20px;
					margin-bottom: 2%;
					color : #555 !important;
				}	#about .wrap-about .wrap-about-other img {
						border:1px solid rgba(79,161,13,0.4);
						border-radius: 100px;
					}

/* information */
#info {
	margin:0; padding: 0;
}	#info .img-info img {
		width: 100%;
		height: auto;
	}

	#info .wrap-info {
		margin:5% 0;
	}	#info .wrap-info .border-right {
			border-right: 1px solid #e6e6e6;
		}	#info .wrap-info .title {
				margin-top:2%;
				font-size: 20px;
				font-family: "OpenSans Bold";
			}	#info .wrap-info .title a {
					text-decoration: none;
				}
			#info .wrap-info .tgl {
				font-size: 13px;
				font-style: italic;
				border-radius: 100%;
				border:1px solid #ddd;
				background-color: #007fb5;
				margin-left: 50%;
				padding:40%; color:white;
				display: inline-block;
				font-family: "Raleway Regular";}
			#info .wrap-info .desc {
				color : #000 !important;
				margin-top:1%;
				font-family: "OpenSans Regular";
			}	#info .wrap-info .desc a {
					font-style: italic;
					font-size: 13px;
					text-decoration: underline;}
				/*#info .wrap-info .desc img {
					width: 95%;
					height: auto;
				}*/
			.wrap-info .wrap-info-detail {
				margin-bottom: 10%;
			}	.wrap-info .wrap-info-detail .desc {
					text-align: justify;
				}

		.wrap-info .next-prev a {
			color :#007fb5 !important;
			font-family: "OpenSans Bold";
			font-size: 17px;
		}	.wrap-info .next-prev a i {
				font-size: 30px;
			}


/*kontak kami*/
#contact {
	margin:0; padding: 0;
}	#contact .wrap-contact {
		margin:5%;
	}	#contact .wrap-contact .title {
			font-size: 25px;
			font-family: "Raleway Regular";
			margin-bottom: 2%;
		}

	.wrap-map {
		margin-bottom: 5%;
	}	.wrap-map iframe {
			width: 100%;
			height: 450px;
		}

/* vidio */

#vidio {
	margin-bottom:5%;
}	#vidio .img-vidio img {
		width: 100%;
		height: auto;
	}
	#vidio .distance {
		margin-top:3%;
	}	#vidio .title {
			font-size: 30px;
			font-family: "Raleway Regular";
			margin-bottom: 3%;}
	#vidio .distance .panel-heading {
		background-color: #007fb5 !important;
		color:white !important;
	}

		#vidio .col {
			margin:0; padding: .5%;
		}	#vidio .wrap-vidio {
				border:1px solid #e6e6e6;
				border-radius: 2%;
				padding: 2%;
			}	#vidio .wrap-vidio a {
					text-decoration: none;
					color:#333;
				}	#vidio .wrap-vidio .desc {
						margin:5% 3%;
						height: 50px;
						font-size: 12px;
						text-align: center;
						font-family: "Raleway Regular";
					}



/*footer*/
	.line {
		border: 2px solid #007fb5;
	    width: 85%;
	    margin-top: -2px;
	    margin-left: 7%;
	    margin-right: 8%;
	}

	.footer {
		background-color: #f2f2f2 !important;
		position: relative;
	}	.footer .wrap-call {
			position: absolute;
			margin-top:-5%;
			margin-left:7%;
			margin-right: 7%;
		}	.footer .wrap-call .via-call {
				background-color: white;
				padding:4% 5%;
			}	.footer .wrap-call .via-call .sub-wrap-call, .footer .wrap-calls .via-calls .sub-wrap-call {
					border-right:1px solid #e6e6e6	;
					height: 200px;
				}	.footer .wrap-call .via-call .sub-wrap-call .title-big, .footer .wrap-calls .via-calls .sub-wrap-call .title-big, .footer .wrap-calls .via-calls .title-big-ks {
						font-size: 25px;
						font-family: "OpenSans ExtraBold";
					}

					.footer .wrap-call .via-call .sub-wrap-call .desc, .footer .nav-footer .desc, .footer .nav-footer-no-h .desc  {
						font-family: "OpenSans Regular";
					}	.footer .wrap-call .via-call a, .footer .wrap-calls .via-calls a {
							color: #544d4d ;
						} 	.footer .wrap-calls .via-calls a.text-red , .footer .wrap-call .via-call a.text-red {
								color :red !important;
								text-decoration: underline;
							}


		.footer .wrap-calls {
			padding-bottom:3%;
			margin-bottom :3%;
			border-bottom: 1px solid #e6e6e6;
		}


	.footer .nav-footer {
		padding-top:20%;
	}	.footer .nav-footer .title, .footer .nav-footer-no-h .title {
			font-size: 18px !important;
			color: #88cc00 !important;
			margin-bottom: 6%;
			font-family: "OpenSans Bold" !important;
		}
		.footer .nav-footer ul li a, .footer .nav-footer-no-h ul li a {
			color: #000000 !important;
			font-family: "OpenSans Regular";
		}	.footer .nav-footer .nav>li>a , .footer .nav-footer-no-h .nav>li>a {
				padding:5px 0;
			}

	.footer .nav-footer-no-h {
		padding: 3% 0;
	}


/*copyright*/
/* .copyright {
	background-color: #e6e6e6;
	padding:5%;
	font-family: "OpenSans Light";
	color: #a6a6a6;
}
.copyright .sosmed-bluegaz {
		text-align: left;
		margin-bottom: 5%;
	}
  .copyright .sosmed-bluegaz i {
			padding-left: 10px;
			padding-top: 8px;
		}
    .copyright .sosmed-bluegaz i.fa-facebook-f {
				padding-left: 12px !important;
			}
	.copyright .sosmed-vienta {
		text-align: right;
	}
  .copyright .sosmed-vienta i {
			padding-right: 9px;
			padding-top: 8px;
		}
    .copyright .sosmed-vienta i.fa-facebook-f {
				padding-right: 15px !important;
			}
	.copyright i {
		 width:40px;
		 height: 40px;
		 background-color: red;
		 border-radius: 100%;
		 color:white !important;
		 margin:.5%;
		 font-size: 25px;
	} */



@media (max-width: 1024px){

	/*page index */
		#home .margin-col-left, #home .margin-col-right {
			padding-left: 5%;
			height: 270px;
			max-height: 270px;
		}	#home .margin-col-left .desc-brand, #home .margin-col-right .desc-brand  {
				font-size: 25px;
				margin-bottom: 5%;
			}
		/*image kategori*/
		#width-img1, #width-img6 , #width-img2, #width-img3, #width-img4, #width-img5,  #home .banner-brand img {
			max-height: 190px;
		}
		#home .div-welcome .wrap-welcome {
				margin: 3% 0;
		}


		/*footer*/
		.footer img {
			width: 100%;
		}
		.footer .wrap-call .via-call .sub-wrap-call .title-big, .footer .wrap-calls .via-calls .sub-wrap-call .title-big, .footer .wrap-calls .via-calls .title-big-ks {
			font-size: 18px;
		}
		.footer .nav-footer {
			padding-top:25%;
		}



}	@media (max-width: 700px){
		/*page index */
		#home .margin-col-left, #home .margin-col-right {
				padding-left: 5%;
				height: 200px;
				max-height: 200px;
			}	#home .margin-col-left .desc-brand, #home .margin-col-right .desc-brand  {
					font-size: 20px;
					margin-bottom: 5%;
				}	#home .margin-col-left .desc-brand img, #home .margin-col-right .desc-brand img {
						width: 40%;
					}

			/*image kategori*/
			#width-img1, #width-img6 , #width-img2, #width-img3, #width-img4, #width-img5,  #home .banner-brand img {
				max-height: 146px;
			}
			/*div welcome*/
			#home .div-welcome .wrap-welcome {
					margin: 3% 0;
			}
			#home .div-welcome .wrap-welcome .title1, #home .div-welcome .wrap-welcome .title1, #home .div-welcome .wrap-welcome .title1, #home .div-welcome .wrap-welcome .title2 {
				font-size: 28px;
			}	#home .div-welcome .wrap-welcome #line-short {
					margin:2% 0;
				}
				#home .div-welcome .wrap-welcome .desc-welcome {
					margin:3% 0;
				}
			/* Retailer */
			#home .text-retailer {
				font-size: 30px;
			}	#home .text-retailer1 {
					font-size: 20px;
				}

		/*footers*/
		.footer img {
			width: 30px;
		}
		.footer .wrap-calls .via-calls {
			margin-left: 20%;
			margin-right: 20%;
		}
		.footer .wrap-call .via-call .sub-wrap-call, .footer .wrap-calls .via-calls .sub-wrap-call {
			border :none;
			height: 150px;
		}	.footer .wrap-call .via-call .sub-wrap-call .title-big, .footer .wrap-calls .via-calls .sub-wrap-call .title-big, .footer .wrap-calls .via-calls .title-big-ks {
				font-size: 13px;
			}	.footer .wrap-call .via-call .desc , .footer .wrap-calls .via-calls .sub-wrap-call .desc, .footer .wrap-calls .via-calls .desc-ks {
					font-size: 13px;
				}

		.footer .nav-footer {
			padding-top:75%;
		}	.footer .nav-footer .title {
				font-size: 15px;
			}

		.footer .nav-footer .nav>li>a , .footer .nav-footer-no-h .nav>li>a {
			margin-left: 5%;
		}




	}	@media (max-width: 767px){
			#home .margin-col-left, #home .margin-col-right {
				padding-left: 5%;
				height: 200px;
				max-height: 200px;
			}	#home .margin-col-left .desc-brand, #home .margin-col-right .desc-brand  {
					font-size: 20px;
					margin-bottom: 5%;
				}	#home .margin-col-left .desc-brand img, #home .margin-col-right .desc-brand img {
						width: 40%;
					}

				#home .margin-col-left a, #home .margin-col-right a {
					font-size: 11px;
				}


			#width-img1, #width-img6 , #width-img2, #width-img3, #width-img4, #width-img5,  #home .banner-brand img {
				max-height: 161px;
			}

			.footer .nav-footer {
				padding-top:87%;
			}

			.footer img {
				width: 40px;
			}




		}	@media (max-width: 755px){
				#width-img1, #width-img6 , #width-img2, #width-img3, #width-img4, #width-img5,  #home .banner-brand img {
					max-height: 158px;
				}

				.footer .nav-footer {
					padding-top:77%;
				}




			}	@media (max-width: 670px){
					#width-img1, #width-img6 , #width-img2, #width-img3, #width-img4, #width-img5,  #home .banner-brand img {
						max-height: 140px;
					}



				}	@media (max-width: 568px){
						#home .margin-col-left, #home .margin-col-right {
							padding-left: 5%;
							height: 160px;
							max-height: 160px;
						}	#home .margin-col-left .desc-brand, #home .margin-col-right .desc-brand  {
								font-size: 15px;
								margin-bottom: 5%;
							}	#home .margin-col-left .desc-brand img, #home .margin-col-right .desc-brand img {
									width: 40%;
								}

							#home .margin-col-left a, #home .margin-col-right a {
								font-size: 12px;
							}

						#width-img1, #width-img6 , #width-img2, #width-img3, #width-img4, #width-img5,  #home .banner-brand img {
							max-height: 119px;
						}

						.footer .nav-footer {
							padding-top:100%;
						}

						/*video*/
						#vidio .wrap-vidio .desc {
							height: 55px;
							font-size: 12px;
						}



					}	@media (max-width: 530px){
							#width-img1, #width-img6 , #width-img2, #width-img3, #width-img4, #width-img5,  #home .banner-brand img {
								max-height: 110px;
							}

							.footer .nav-footer {
								padding-top:100%;
							}



						}	@media (max-width: 500px){

								#width-img1, #width-img6 , #width-img2, #width-img3, #width-img4, #width-img5,  #home .banner-brand img {
									max-height: 103px;
								}
								#home .div-welcome .wrap-welcome .title1, #home .div-welcome .wrap-welcome .title2 {
									font-size: 17px;
								}	#home .div-welcome .wrap-welcome .desc-welcome {
										font-size: 13px;
									}
								/*galery vidio*/
								#home .galery-vidio {
									margin-top:5%;
								}	#home .galery-vidio .wrap-g-vidio {
										margin-bottom: 3%;
									}	#home .galery-vidio .wrap-g-vidio .title {
											font-size:20px;
										}
										#home .galery-vidio .wrap-g-vidio .desc-gv {
											font-size:13px;
										}

								.footer .nav-footer {
									padding-top:100%;
								} .footer .konsultasi {
									margin-top: 20%;
									border:none;
								}



							}	@media (max-width: 432px){

								/*page index */
									#home .margin-col-left, #home .margin-col-right {
										padding-left: 5%;
										height: 120px;
										max-height: 120px;
									}	#home .margin-col-left .desc-brand, #home .margin-col-right .desc-brand  {
											font-size: 13px;
											margin-bottom: 5%;
										}	#home .margin-col-left .desc-brand img, #home .margin-col-right .desc-brand img {
												width: 40%;
											}

										#home .margin-col-left a, #home .margin-col-right a {
											font-size: 11px;
										}


									/*image kategori*/
									#width-img1, #width-img6 , #width-img2, #width-img3, #width-img4, #width-img5,  #home .banner-brand img {
										max-height: 88px;
									}


									/*div welcome*/
									#home .div-welcome .wrap-welcome {
											margin: 3% 0;
									}	#home .div-welcome .wrap-welcome .title1, #home .div-welcome .wrap-welcome .title1, #home .div-welcome .wrap-welcome .title1, #home .div-welcome .wrap-welcome .title2 {
											font-size: 16px;
										}	#home .div-welcome .wrap-welcome #line-short {
												margin:2% 0;
											}
											#home .div-welcome .wrap-welcome .desc-welcome {
												margin:1% 0;
												font-size: 11px;
											}
											#home .div-welcome .wrap-welcome a {
												font-size: 13px;
											}


									/*galery vidio*/
									#home .galery-vidio {
										margin-top:5%;
									}	#home .galery-vidio .wrap-g-vidio {
											margin-bottom: 3%;
										}	#home .galery-vidio .wrap-g-vidio .title {
												font-size:20px;
											}
											#home .galery-vidio .wrap-g-vidio .desc-gv {
												margin-top:6%;
											}


									/* Retailer */
									#home .text-retailer {
										font-size: 30px;
									}	#home .text-retailer1 {
											font-size: 20px;
										}

								/*produk */
								#product .title-our-pro {
									font-size: 20px;
								}
								#product .wrap-img-brand img {
									padding:5% 15%;
								}

								#product .img-pro .wrap-img-pro .overlay .title-pro, #product .img-pro .wrap-img-pro .title-pro {
									font-size: 15px;
								}	#product .img-pro .wrap-img-pro .hover-hide {
										height: 100px;
									}	#product .img-pro .wrap-img-pro .title-pro small {
											font-size: 12px;
										}	#product .img-pro .wrap-img-pro .overlay .title-pro .link {
												font-size: 9px;
												text-transform: uppercase;
												margin-top:27%;
											}


								/*produk detail*/
								#detail-pro .img-desc-pro .wrap-img .title {
									font-size: 20px;
								}
								#detail-pro .img-desc-pro .wrap-img .summary-pro {
									font-size: 15px;
								}
								#detail-pro .img-desc-pro .wrap-img .desc-pro {
									font-size: 13px;
								}
								#detail-pro .img-desc-pro .wrap-img .price {
									font-size: 18px;
								}	#detail-pro .img-desc-pro .wrap-img .price .info-price{
										font-size: 12px;
									}
								#detail-pro .img-desc-pro .wrap-img .get-call-buy {
									font-size: 13px;
								}
								#detail-pro .wrap-fitur ul.nav-tabs li a {
									padding-left: 25px;
									padding-right: 25px;
									font-size: 18px;
								}
								#detail-pro .wrap-fitur .title {
									font-size: 25px;
								}

								#detail-pro .wrap-fitur #fitur .desc-fitur {
									margin-bottom:10%;
								}
								#detail-pro .wrap-fitur #fitur img {
									width: 100px;
								}
								#detail-pro .wrap-fitur #fitur .col-margin .title-fitur {
									font-size: 15px;
								}
								#detail-pro .wrap-fitur #fitur .col-margin .desc-fitur {
									font-size: 13px;
								}
								#detail-pro .title-our-pro {
									font-size: 20px;
								}

								#detail-pro .img-pro .wrap-img-pro .overlay .title-pro {
									font-size: 16px;
								}	#detail-pro .img-pro .wrap-img-pro .overlay .title-pro .link {
										font-size: 11px;
										margin-top:27%;
									}	#detail-pro .img-pro .wrap-img-pro .title-pro small {
											font-size: 12px;
										}
								/*owl carousel*/
								.owl-carousel .wrap-carousel .desc {
									font-size: 13px;
								}

								/*Info*/
								#info .wrap-info .border-right .title {
									font-size: 23px;
								}
								#info .wrap-info .title-side {
									margin-top: 10%;
								}	#info .wrap-info .wrap-info-side {
										margin: 2% 0;
									}

								/* kotak */
								#contact .wrap-contact .title {
									font-size: 20px;
									margin-bottom: 5%;
								}

								/*footers*/
								.footer img {
									width: 30px;
								}
								.footer .wrap-call .via-call .sub-wrap-call, .footer .wrap-calls .via-calls .sub-wrap-call {
									border :none;
									height: 180px;
								}

								.footer .wrap-call .via-call .sub-wrap-call .title-big, .footer .wrap-calls .via-calls .sub-wrap-call .title-big, .footer .wrap-calls .via-calls .title-big-ks {
									font-size: 13px;
								}	.footer .wrap-call .via-call .desc , .footer .wrap-calls .via-calls .sub-wrap-call .desc, .footer .wrap-calls .via-calls .desc-ks {
										font-size: 13px;
									}

								.footer .nav-footer {
									padding-top:143%;
								}	.footer .nav-footer .title, .footer .nav-footer-no-h .title {
										font-size: 15px;
									}
									.footer .nav-footer .nav>li>a , .footer .nav-footer-no-h .nav>li>a, .footer .nav-footer-no-h .desc-address {
										font-size: 13px;
									}




							}	@media (max-width: 400px){
									#width-img1, #width-img6 , #width-img2, #width-img3, #width-img4, #width-img5,  #home .banner-brand img {
											max-height: 82px;
										}


								}	@media (max-width: 375px){
										/*search modal*/
										#modal-search .modal-header button {
											width: none;
										}

										.wrap-sidenav .container-fluid .menu-mobile button img {
											width: 20px;
										}	.wrap-sidenav .container-fluid .menu-mobile button b {
												font-size: 12px;
											}
											.lang-menu ul li.li-search a {
												padding:5% 10px;
											}

										#home .margin-col-left, #home .margin-col-right {
												padding-left: 5%;
												height: 120px;
												max-height: 120px;
											}	#home .margin-col-left .desc-brand, #home .margin-col-right .desc-brand  {
													font-size: 11px;
													margin-bottom: 5%;
												}	#home .margin-col-left .desc-brand img, #home .margin-col-right .desc-brand img {
														width: 40%;
													}
												#home .margin-col-left a, #home .margin-col-right a {
													font-size: 9px;
												}

										#width-img1, #width-img6 , #width-img2, #width-img3, #width-img4, #width-img5,  #home .banner-brand img {
												max-height: 77px;
											}
										/* Retailer */
										#home .text-retailer {
											font-size: 21px;
										}	#home .text-retailer1 {
												font-size: 15px;
											}

										/*vidio*/
										#vidio .wrap-vidio .desc {
											height: 65px;
											font-size: 10px;
										}

										.footer .nav-footer {
											padding-top:159%;
										}




									}	@media (max-width: 365px){

										/*page index */
											#home .margin-col-left, #home .margin-col-right {
												padding-left: 5%;
												height: 90px;
												max-height: 90px;
											}	#home .margin-col-left .desc-brand, #home .margin-col-right .desc-brand  {
													font-size: 9px;
													margin-bottom: 5%;
												}	#home .margin-col-left .desc-brand img, #home .margin-col-right .desc-brand img {
														width: 40%;
													}

												#home .margin-col-left a, #home .margin-col-right a {
													font-size: 8px;
												}


											/*image kategori*/
											#width-img1, #width-img6 , #width-img2, #width-img3, #width-img4, #width-img5,  #home .banner-brand img {
												max-height: 65px;
											}

											/*div welcome*/
											#home .div-welcome .wrap-welcome {
													margin: 3% 0;
											}
											#home .div-welcome .wrap-welcome .title1, #home .div-welcome .wrap-welcome .title1, #home .div-welcome .wrap-welcome .title1, #home .div-welcome .wrap-welcome .title2 {
												font-size: 14px;
											}	#home .div-welcome .wrap-welcome #line-short {
													margin:2% 0;
												}
												#home .div-welcome .wrap-welcome .desc-welcome {
													white-space: nowrap;
												    width: 250px;
												    overflow: hidden;
												    text-overflow: ellipsis;
												}
												#home .div-welcome .wrap-welcome a {
													font-size: 11px;
												}


											/*galery vidio*/
											#home .galery-vidio {
												margin-top:5%;
											}	#home .galery-vidio .wrap-g-vidio {
													margin-bottom: 3%;
												}	#home .galery-vidio .wrap-g-vidio .title {
														font-size:17px;
													}
													#home .galery-vidio .wrap-g-vidio .desc-gv {
														margin-top:7%;
														font-size:13px;
													}
											#home .galery-vidio	.wrap-carousel .desc {
												font-size: 13px;
											}


											/* Retailer */
											#home .text-retailer {
												font-size: 20px;
											}	#home .text-retailer1 {
													font-size: 13px;
												}


											/* produk */
											#product .img-pro .wrap-img-pro .hover-hide {
												height: 100px;
											}

											/* kotak */
											#contact .wrap-contact .title {
												font-size: 18px;
												margin-bottom: 5%;
											}


											/*footers*/
											.footer img {
												width: 30px;
											}
											.footer .wrap-call .via-call .sub-wrap-call, .footer .wrap-calls .via-calls .sub-wrap-call {
												border :none;
												height: 150px;
											}

											.footer .wrap-call .via-call .sub-wrap-call .title-big, .footer .wrap-calls .via-calls .sub-wrap-call .title-big, .footer .wrap-calls .via-calls .title-big-ks {
												font-size: 13px;
											}	.footer .wrap-call .via-call .desc , .footer .wrap-calls .via-calls .sub-wrap-call .desc, .footer .wrap-calls .via-calls .desc-ks {
													font-size: 13px;
												}

											.footer .nav-footer {
												padding-top:160%;
											}	.footer .nav-footer .title {
													font-size: 15px;
												}
												.footer .nav-footer .nav>li>a , .footer .nav-footer-no-h .nav>li>a {
													margin-left: 5%;
												}




										}	@media (max-width: 320px){

												/*search modal*/
												#modal-search .modal-header button {
													width: 50px;
												}

												.wrap-sidenav .container-fluid .menu-mobile {
													margin:2% 0;
												}	.wrap-sidenav .container-fluid .menu-mobile span {
														font-size:20px;
														margin: 10% 0;
													}
												.lang-menu ul li.li-search a {
													background-color: #006099;
													padding:5% 0px;
												}	.lang-menu ul li.li-search a:hover {
														background-color: #006099;
													}	.lang-menu ul li.li-search a i {
															font-size: 15px;
															color:white !important;
														}

												.wrap-sidenav .container-fluid .menu-mobile button img {
													width: 15px;
												}	.wrap-sidenav .container-fluid .menu-mobile button b {
														font-size: 10px;
													}

												/*video*/
												#vidio .wrap-vidio .desc {
													height: 70px;
												}




											}

 /* tambahan agung */
                      .margin-t-10{
                        margin-top: 20px;
                      }

                      .tengah{
                        margin: 0 auto;
                        text-align: center;
                      }

                      .border-white{
                        border: solid 2px #ece9f7;
                      }

                      /*lokasi-display*/
                      	#map-canvas {
                      		height: 530px; !important;
                      		background:#b3d1ff;
                      		border:3px solid #d4d4d4;
                      		margin: 0;
                      		padding: 0;
                      	}

                      	.effect-lokasi .kotak-alert{
                      		position:absolute;
                      		right:10px; top:10px;
                      		width:450px;
                      		background:url(../asset/bg-alert-lokasi.png);
                      		z-index:6;
                      	}

                      	.effect-lokasi {
                      		position:relative;
                      		-webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                      		   -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                      				box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
                      	}
                      	.effect-lokasi:before, .effect-lokasi:after {
                      		content:"";
                      		position:absolute;
                      		z-index:-1;
                      		-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
                      		-moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
                      		box-shadow:0 0 20px rgba(0,0,0,0.8);
                      		top:50%;
                      		bottom:0;
                      		left:10px;
                      		right:10px;
                      		-moz-border-radius:100px / 10px;
                      		border-radius:100px / 10px;
                      	}
                      	.effect-lokasi:after {
                      		right:10px;
                      		left:auto;
                      		-webkit-transform:skew(8deg) rotate(3deg);
                      		   -moz-transform:skew(8deg) rotate(3deg);
                      			-ms-transform:skew(8deg) rotate(3deg);
                      			 -o-transform:skew(8deg) rotate(3deg);
                      				transform:skew(8deg) rotate(3deg);
                      	}

                      	.img-lokasi-display{
                      		border-radius:5px;
                      		border:1px solid #e0e0e0;
                      		width:100%;
                      		max-width:300px !important;
                      		height:auto;
                      	}
                      	.nama-lokasi-display{
                      		font-family:"opensans-bold";
                      		padding:0px; margin:0px;
                      		font-size:18px;
                      		padding-bottom:7px;
                      		margin-bottom:10px;
                      		border-bottom:1px solid #d4d4d4;
                      	}
                      	.keterangan-lokasi{
                      		font-size:0px;
                      		margin-top:15px;
                      		width:300px;
                      		overflow-x:auto;
                      	}
                      	.keterangan-lokasi span{
                      		display:inline-block;
                      		vertical-align:top;
                      		font-size:13px;
                      		margin-right:10px;
                      	}
                      /*lokasi-display*/

                      .block-table {
                      cursor: default;
                      user-select: none;
                      -webkit-user-select: none;
                      /* Chrome/Safari/Opera */
                      -moz-user-select: none;
                      /* Firefox */
                      -ms-user-select: none;
                      /* IE/Edge */
                      -webkit-touch-callout: none;
                      /* iOS Safari */
                      }

/*  */
/*-- top bar --*/
.top-bar {
	margin:0 auto;
	/*padding:7px 0;*/
	/*padding:10px 0;*/
	padding: 20px 0;
	background-color:#4284b0;
	height: 150px;
}
ul.top-contacts , ul.top-links {
	list-style:none;
}
ul.top-contacts {
	float:left;
	/*padding-bottom: 30px;*/
	padding-bottom: 5px;
	margin-left: 50px;
  width: 100%;
}
ul.top-links {
	float:right;
}
ul.top-contacts li {
	margin-right:20px;
	display:inline-block;
}
ul.top-links li {
	margin-left:5px;
	display:inline-block;
}
.top-bar ul.top-contacts li p , .top-bar ul.top-contacts li p a {
    color: #fff;
	text-decoration:none;
	font-size: 16px;
    font-weight:400;
	padding-top:7px;
}
.top-bar ul.top-contacts li p span {
    vertical-align: middle;
    text-align: center;
    line-height: 1px;
	margin-right:5px;
}
.top-bar ul.top-contacts li p a:focus, .top-bar ul.top-contacts li p a:hover {
    color:#fff;
	text-decoration:underline;
}
.top-bar ul.top-links li a i.fa {
	color: #000;
    background-color: #fff;
    width: 37px;
    height: 37px;
    font-size: 15px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -o-border-radius: 50%;
    -ms-border-radius: 50%;
    line-height: 36px;
    text-align: center;
	transition:all 0.5s ease-in-out;
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	-ms-transition:all 0.5s ease-in-out;
}
.top-bar ul.top-links li a i.fa:hover {
	color: #fff;
    background-color: #fa5d58;
}
/*-- /top-bar --*/
/*  */

#cals {
  border-right: 1px solid #b39090;
}

@media (max-width: 1024px){
  .logo-atas{
    display: none;;
  }
}

@media (max-width: 1200px){
  .logo-atas{
    display: none;;
  }
}