@font-face{ 
	font-family: 'montserrat'; 
	src: url('font/Montserrat-Regular/montserrat-regular-webfont.eot'); 
	src: url('font/Montserrat-Regular/montserrat-regular-webfont.eot?#iefix') format('embedded-opentype'), 
	url('font/Montserrat-Regular/montserrat-regular-webfont.woff') format('woff'), 
	url('font/Montserrat-Regular/montserrat-regular-webfont.ttf') format('truetype'), 
	url('font/Montserrat-Regular/montserrat-regular-webfont.svg#montserrat-regular-webfont') format('svg'); }
body{
	font-family : montserrat;
	color : white;
	margin : auto;
}
a{
	text-decoration : none;
	outline : none;
}

/************ NOTIFIKASI CART ************/
span#notifikasi_cart{
	position : absolute;
	margin-top : -20px;
	margin-left : -3px;
	
	.number{
		background : #acc96e;
		padding : 2px;
		font-size : 10px;
		color : white;
		border-radius : 5px;
	}
	img{
		margin-left : -9px;
	}
}


/************ CHATONOMY ************/
#ctnmy_offbutton, #ctnmy_onbutton{
	img{
		*width : 50px;
		*height : 100px;
	}
}
#ctnmy_box{
	z-index : 9999;
}


/************ PROMO SIDEBAR ************/
.promo_sidebar{
	float : left;
}


/************ HEADER ************/
.header_wrapper{
	position : fixed;
	top: 0;
    left: 0;
    right: 0;
	z-index: 100;
	background : white;
	min-height : 100px;
	-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.header{
	.logo{
		margin-top : 22px;
	}
	.menu{
		margin-top : 24px;
		margin-left : 30px;
		
		ul{
			padding : 0 !important;
		}
		li{
			float : left;
			list-style : none;
		}
		li+li{
			margin-left : 25px;
		}
		a{
			color : #76878a;
			text-transform : uppercase;
			font-size : 14px;
		}
		li a.active{
			border-bottom : solid 2px;
			border-color : #acc96e;
			padding-bottom : 3px;
		}
		li a:hover{
			border-bottom : solid 2px;
			border-color : #acc96e;
			padding-bottom : 3px;
		}
		li.have_submenu{
			color : #76878a;
			text-transform : uppercase;
			font-size : 15px;
		}
		li.have_submenu:hover{
			a{
				border-bottom : none !important;
			}
			ul.submenu{
				display : block;
			}
		}
		ul.submenu{
			padding : 0;
			background : white;
			margin-left : -10px;
			display : none;
			position : absolute;
			a{
				font-size : 13px;
			}
			li a:hover{
				border-bottom : solid 2px !important;
				border-color : #acc96e !important;
				padding-bottom : 3px !important;
			}
			li{
				padding : 10px;
				list-style : none;
				float : none !important;
				padding-right : 15px;
				padding-bottom : 5px;
			}
			li+li{
				padding-top : 5px;
				margin-left : 0px !important;
				border-bottom : solid 1px;
				border-bottom : green;
			}
			.arrow{
				float : right;
			}
			ul.subsubmenu{
				padding : 0;
				background : #acc96d;
				background-size : cover;
				margin : -30px 0 0 210px;
				display : none;
				position : absolute;
				z-index : 999;
				width : 150px;
				a{
					color : #FFFFFF;
				}
			}
			li.have_subsubmenu:hover{
				ul.subsubmenu{
					display : block;
				}
			}
		}
	}
}


/************ BANNER ************/
.banner_wrapper{
	background : url(../img/background_november.jpg) no-repeat;
	background-size : cover;
	/* margin-top : 100px; */
	border-bottom : solid 1px;
	border-color : #aebdc5;

	
	.fast_respon{
		z-index : 9999;
		position : fixed;
		left : -45px;
		top : 400px
	}
	.slideshow1{
		background : url(../img/banner1.svg) no-repeat;
		background-size : cover;
	}
	.slideshow2{
		background : url(../img/banner2.svg) no-repeat;
		background-size : cover;
	}
	.slideshow3{
		background : url(../img/banner3.svg) no-repeat;
		background-size : cover;
	}
	.slideshow4{
		background : url(../img/slide_nov_1.jpg) no-repeat;
		background-size : cover;
	}
	.slideshow5{
		background : url(../img/slide_nov_3.jpg) no-repeat;
		background-size : cover;
	}
	.slideshow6{
		background : url(../img/berdagang.jpg) no-repeat;
		background-size : cover;
	}
	/*
	.slideshow7{
		background : url(../img/promo_apollo_februari_2017.jpg) no-repeat;
		background-size : cover;
	}
	*/
	.rslides {
		position: relative;
		list-style: none;
		overflow: hidden;
		width: 100%;
		padding: 0;
		margin: 0;
	}
	.rslides li {
		-webkit-backface-visibility: hidden;
		position: absolute;
		display: none;
		width: 100%;
		height : 100%;
		left: 0;
		top: 0;
	}
	.rslides li:first-child {
		position: relative;
		display: block;
		float: left;
	}
	.rslides img {
		display: block;
		*height: auto;
		*float: left;
		*width: 100%;
		border: 0;
		margin-left : 265px;
		margin-top : 180px;
		position : relative;
	}
	.rslides_tabs{
		margin-top : 50px;
		z-index : 999;
		li{
			list-style : none;
			float : left;
			margin-right : 10px;
		}
	}
	.text{
		margin-left : -10px;
		margin-top : 150px;
		float : left;
	}
	.image_voucher{
		margin-top : -200px;
		float : right;
	}
	.keterangan{
		margin-left : 250px;
		margin-top : 175px;
		font-size : 14px;
		font-family: Georgia, Times, "Times New Roman", serif;
		color : #023f5a;
	}
}
.welcome_text_wrapper{
	margin-top : 100px;
	position : relative;
	
	.welcome_text_1{
		margin-top : 30px;
		font-size : 65px;
		letter-spacing : -5px;
		line-height : 88%;
		text-transform : uppercase;
	}
	.welcome_text_2{
		margin-top : 60px;
		font-size : 20px;
		line-height : 120%;
		font-family: Georgia, Times, "Times New Roman", serif;
	}
}


/************ BESTSELLER ************/
.bestseller_wrapper{
	background : #758c94;
	min-height : 465px;
	border-bottom : solid 1px;
	border-color : #aebdc5;
	
	.title{
		font-size : 27px;
		margin-top : 40px;
		*letter-spacing : -1px;
	}
}
.isi_wrapper{
	margin-top : 35px;
	
	a{
		color : white;
		width : 100px;
	}
	img{
		width : 120px;
		height : 176px;
	}
	.isi_2, .isi_3, .isi_4{
		margin-left : 0px;
		margin-right : 0px;
		padding-right : 15px;
		border-left : solid 1px;
		border-color : #b3c0c6;
		
		.title_barang, .size_barang, .type_barang{
			margin-left : 20px;
		}
	}
	.thumb{
		margin-left : 60px;
	}
	.title_barang{
		margin-top : 20px;
		font-size : 17px;
	}
	.size_barang{
		margin-top : 15px;
		margin-bottom : 1px;
	}
	.size_barang, .type_barang{
		font-family: Georgia, Times, "Times New Roman", serif;
		font-size : 14px;
		color : #b3c0c6;
	}
	.title_barang, .size_barang, .type_barang{
		margin-left : 0px;
	}
	.note{
		margin-left : 0px;
		margin-top : 30px;
		font-family: Georgia, Times, "Times New Roman", serif;
		font-size : 12px;
		color : #b3c0c6;
	}
}


/************ SUBSCRIBE ************/
.subscribe_wrapper{
	min-height : 110px;
	
	.subscribe_text{
		margin-top : 41px;
		font-size : 23px;
		color : #f88b32;
		margin-left : -10px;
	}
	.subscribe_form{
		margin-top : 30px;
		width : 315px !important;
		
		.subscribe_text_form{
			width : 250px;
			height : 55px;
			padding-left : 10px;
			border-style : solid;
			border-width : 1px;
			border-color : #879ca4;
			font-family: Georgia, Times, "Times New Roman", serif;
			font-size : 13px;
			color : #c4ccd0;
		}
		.button{
			width : 60px;
			height : 55px;
			background : none;
			border-style : solid;
			border-width : 1px;
			border-left : none;
			border-color : #879ca4;
			font-family: Georgia, Times, "Times New Roman", serif;
			font-size : 13px;
			color : #879ca4;
			margin-left : -4px;
		}
		.form_focus{
			box-shadow: 0px 0px 3px #879ca4;
		}
	}
}


/************ PRODUCTS ************/
.products_wrapper{
	margin-top : 100px;
	
	.products{
		border-top : solid 1px;
		border-color : #dddddd;
		
		.nav_produk{
			padding : 0;
			margin-top : 20px;
			color : #000000;
			text-transform : uppercase;
			font-size : 13px;
			a{
				color : #000000;
				text-transform : uppercase;
				font-size : 13px;
			}
			a:hover{
				text-decoration : underline;
			}
		}
	}
	.title_products{
		
		.line{
			width : 125px;
			margin-left : 80px;
			padding-top : 12px;
		}
		.active{
			border-top : solid 2px;
			border-color : #acc96e;
		}
		.text:hover {
			a{
				color : #889b9f;
			}
		}
		.penumpang{
			.text{
				padding-left : 88px;
			}
		}
		.text{
			border-right : solid 1px;
			border-color : #dddddd;
			padding-left : 94px;
			height : 25px;
			padding-top : 5px;
			color : #617478;
			font-size : 15px;
			text-transform : uppercase;
			font-family: Georgia, Times, "Times New Roman", serif;
			
			a{
				color : #617478;
				font-size : 14px;
				text-transform : uppercase;
				letter-spacing : 0px;
				font-family: Georgia, Times, "Times New Roman", serif;
			}
		}
		.no_border{
			padding-left : 126px;
			border : none;
		}
	}
	/************ CONTENT PRODUCTS ************/
	.content_products{
		margin-top : 55px;
		
		.isi{
			float : left;
			padding-right : 0px;
			margin-bottom : 35px;
			
			.thumb{
				margin-left : 80px;
			}
			.title{
				margin-top : 25px;
				color : #000000;
				font-size : 20px;
				a{
					color : #000000;
					font-size : 20px;
				}
			}
			.keterangan{
				margin-top : 10px;
				color : #5b676c;
				font-size : 14px;
				letter-spacing : 0.3px;
				font-family: Georgia, Times, "Times New Roman", serif;
			}
			.ukuran{
				color : #5b676c;
				font-size : 13px;
				letter-spacing : 0.3px;
				font-family: Georgia, Times, "Times New Roman", serif;
				font-weight : bold;
			}
			img{
				width : 120px;
				height : 170px;
			}
		}
		/************ PRODUCTS UKURAN ************/
		.ukuran_wrapper{
			margin-bottom : 200px;
			
			.thumb{
				margin-top : -30px;
				img{
					width : 300px;
					height : 400px;
				}
			}
			.title{
				font-size : 19px;
				color : #000000;
				margin-left : -30px;
			}
			.deskripsi{
				margin-left : -30px;
				margin-top : -5px;
				color : #5b676c;
				font-size : 14px;
				font-family: Georgia, Times, "Times New Roman", serif;
				margin-bottom : 40px;
				line-height : 20px;
			}
			.menu_wrapper{
				margin-left : -30px;
				margin-bottom : 20px;
				
				.menu_fitur{
					padding : 8px 35px 8px 35px;
					background : #f5f5f5;
					border-width : 1px;
					border-style : solid;
					border-color : #dddddd;
					border-right : none;
					float : left;
					a{
						color : #5b676c;
						font-size : 14px;
					}
				}
				.menu_ukuran{
					float : left;
					padding : 14px 65px 8px 65px;
					height : 18px;
					margin-top : -5px;
					border-width : 1px;
					border-style : solid;
					border-color : #dddddd;
					border-bottom : none;
					color : #000000;
					font-size : 14px;
				}
				.space{
					padding : 8px 0 8px 0;
					margin-left : 361px;
					border-bottom : solid 1px;
					border-color : #dddddd;
					width : 200px;
				}
			}
			.list_ukuran{
				.title{
					margin-left : -40px;
					border-bottom : solid 1px;
					border-color : #eeeeee;
					width : 450px;
					height : 15px;
					color : #5b676c;
					font-size : 15px;
					padding : 10px 0 10px 0;
					
					.title_seri, .title_ukuran, .title_harga{
						float : left;
						margin-right : 50px;
					}
					.title_ukuran{
						padding-left : 12px;
					}
					.title_harga{
						padding-left : 12px;
					}
				}
				.content{
					margin-left : -40px;
					border-bottom : solid 1px;
					border-color : #eeeeee;
					width : 450px;
					color : #879093;
					font-size : 13px;
					font-weight : bold;
					text-align : center;
					padding : 10px 0 25px 0;
					
					.content_seri, .content_ukuran, .content_harga, .beli, .qty{
						float : left;
						font-family: Georgia, Times, "Times New Roman", serif !important;
					}
					.content_seri{
						padding-left : 5px;
						margin-right : 65px;
					}
					.content_ukuran{
						margin-right : 35px;
					}
					.content_harga{
						color : #9fe50b;
						padding-left : 15px;
					}
					.qty{
						padding-left : 20px;
					}
					.beli{
						padding-left : 20px;
						
						.tombol_beli{
							background : #acc96e;
							border : 0;
							border-radius : 20px;
							width : 60px;
							height : 20px;
							font-size : 13px;
							font-weight : bold;
							color : #76878a;
						}
					}
				}
			}
		}
		/************ PRODUCTS MANFAAT ************/
		.manfaat_wrapper{
			margin-bottom : 40px;
			
			.thumb{
				margin-top : -30px;
				img{
					width : 300px;
					height : 400px;
				}
			}
			.title{
				font-size : 19px;
				color : #000000;
				margin-left : -30px;
			}
			.deskripsi{
				margin-left : -30px;
				margin-top : -5px;
				color : #5b676c;
				font-size : 14px;
				font-family: Georgia, Times, "Times New Roman", serif;
				margin-bottom : 40px;
				line-height : 20px;
			}
			.menu_wrapper{
				margin-left : -30px;
				margin-bottom : 20px;
				
				.menu_fitur{
					float : left;
					padding : 14px 45px 8px 45px;
					height : 18px;
					margin-top : -5px;
					border-width : 1px;
					border-style : solid;
					border-color : #dddddd;
					border-bottom : none;
					color : #000000;
					font-size : 14px;
				}
				.menu_ukuran{
					padding : 8px 35px 8px 35px;
					background : #f5f5f5;
					border-width : 1px;
					border-style : solid;
					border-color : #dddddd;
					border-left : none;
					float : left;
					a{
						color : #5b676c;
						font-size : 14px;
					}
				}
				.space{
					padding : 7px 0 8px 0;
					margin-left : 320px;
					border-bottom : solid 1px;
					border-color : #dddddd;
					width : 240px;
				}
			}
			.list_manfaat{
				margin-left : -30px;
				color : #5b676c;
				font-size : 14px;
				line-height : 20px;
				font-family: Georgia, Times, "Times New Roman", serif;
				
				.footnote_manfaat{
					margin-top : 50px;
					margin-left : -80px;
					font-family: Georgia, Times, "Times New Roman", serif;
					color : #5b676c;
					font-size : 12px;
					line-height : 17px !important;
				}
			}
		}
	}
	.footnote{
		font-family: Georgia, Times, "Times New Roman", serif;
		color : #5b676c;
		font-size : 12px;
		margin-bottom : 100px;
	}
	
	/************ ISI DATA BARANG ************/
	.data_barang_wrapper{
		padding : 0 0 50px 0;
		border-bottom : solid 5px;
		border-color : #000000;
		font-family: Arial;
		
		.title{
			padding : 20px 0 20px 0;
			font-size : 24px;
			color : #acc96e !important;
			text-align : center;
			text-transform : uppercase;
			font-weight : bold;
		}
		.data_barang{
			tr.genap{
				background : #dfe5e6;
			}
			tr.ganjil{
				background : #FFFFFF;
			}
			td{
				color : #000000;
				font-size : 12px;
			}
			input.readonly{
				background : #f9ffff;
				cursor : not-allowed;
			}
			.header{
				background : NavajoWhite;
				color : black;
				text-transform : uppercase;
				font-size : 14px;
			}
		}
	}
	/************ ISI DATA PELANGGAN ************/
	.data_pelanggan_wrapper{
		padding : 0 0 50px 0;
		
		.title{
			padding : 20px 0 20px 0;
			font-size : 24px;
			color : #acc96e !important;
			text-align : center;
			text-transform : uppercase;
			font-weight : bold;
		}
		td{
			color : #000000;
		}
		input.tombol_checkout{
			background : #acc96e;
			border : 0;
			border-radius : 20px;
			width : 300px;
			height : 50px;
			font-size : 24px;
			font-weight : bold;
			margin-bottom : 100px;
			color : #76878a;
			cursor : pointer;
		}
		input.tombol_checkout:hover{
			width : 305px;
			height : 52px;
		}
	}
	/************ PROSES CHECKOUT PESANAN ************/
	.checkout_wrapper{
		font-family : Arial;
		.title{
			padding : 20px 0 20px 0;
			font-size : 24px;
			color : #acc96e !important;
			text-align : center;
			text-transform : uppercase;
			font-weight : bold;
		}
		.nomor_pesanan{
			padding : 0 0 20px 0;
			font-size : 18px;
			color : #000000;
			span.nomor{
				color : red !important;
				text-transform : uppercase;
				font-weight : bold;
			}
		}
		tr.genap{
			background : #dfe5e6;
		}
		tr.ganjil{
			background : #FFFFFF;
		}
		td{
			color : #000000;
			font-size : 12px;
		}
		input.readonly{
			background : #f9ffff;
			cursor : not-allowed;
		}
		.header{
			background : NavajoWhite;
			color : black;
			text-transform : uppercase;
			font-size : 14px;
		}
		td, th{
			color : #000000;
		}
	}
	.syarat_ketentuan{
		font-family : Arial;
		padding : 20px 0 40px;
		font-size : 12px;
		color : #000000;
	}
	input.tombol_konfirmasi{
		background : #acc96e;
		border : 0;
		border-radius : 20px;
		width : 300px;
		height : 50px;
		font-size : 24px;
		font-weight : bold;
		margin-bottom : 100px;
		color : #76878a;
		cursor : pointer;
	}
	input.tombol_konfirmasi:hover{
		width : 305px;
		height : 52px;
	}
}


/************ SELESAI PESANAN ************/
.selesai_pesanan{
	min-height : 300px;
	padding : 50px 0 50px 0;
	color : #000000;
	font-size : 16px;
}


/************ PENCARIAN BAN GOODYEAR ************/
.cari_ban_wrapper{
	margin-top : 100px;
	background : #f2f6f9;
	min-height : 520px;
	text-align : center;
	
	.cari_ban{
		padding : 0;
		
		.gambar_ban{
			margin-top : 100px;
			margin-left : -20px;
		}
		.form_cari{
			background : #FFFFFF;
			padding : 20px;
			
			span.title{
				color : #000000;
				font-weight : bold;
				text-transform : uppercase;
				margin-left : -90px;
			}
			form{
				margin-top : 10px;
				
				select{
					padding : 5px 10px 5px 10px;
					border-radius : 5px;
					border : none;
					background : #90b83e;
					width : 350px;
					color : #FFFFFF;
				}
				option{
					padding : 5px 10px 5px 10px;
					border-radius : 5px;
					border : none;
					background : #90b83e;
					width : 300px;
					color : #FFFFFF;
				}
				input.submit_cari{
					padding : 5px 10px 5px 10px;
					border-radius : 5px;
					border : none;
					background : #7a8388;
					color : #FFFFFF;
				}
			}
		}
	}
}


/************ PENCARIAN BAN APOLLO************/
.hasil_cari_ban_apollo_wrapper{
	margin-top : 100px;
	padding-bottom : 100px;
	
	.hasil_cari_ban_apollo{
		border-top : solid 1px;
		border-color : #dddddd;
		
		.nav{
			padding : 30px 0 0 0;
			color : #617478;
			font-size : 24px;
			font-weight : bold;
			text-transform : uppercase;
			font-family: Georgia, Times, "Times New Roman", serif;
		}
		.title_products{
			.text{
				border-bottom : solid 1px;
				border-color : #dddddd;
				margin-top : 20px;
				padding : 10 !important;
				color : #000000;
				font-size : 16px;
				text-transform : uppercase;
				font-family: Georgia, Times, "Times New Roman", serif;
				text-align : center;
			}
			.wrapper{
				padding : 0 !important;
				.wrap{
					.thumb{
						margin-top : 20px;
						img{
							width : 120px;
							height : 170px;
						}
					}
					.title{
						margin-top : 10px;
						margin-bottom : 30px;
						a{
							color : #617478;
							font-size : 18px;
						}
					}
				}
			}
		}
	}
}



/************ ABOUT US ************/
.about_us_wrapper{
	background : url(../img/about_us_background.png) no-repeat;
	background-size: cover;
	
	.title{
		padding : 30px 20px 30px 0;
		font-size : 24px;
		color : #caed80;
		*letter-spacing : 1px;
		text-align : justify;
		border-bottom : solid 1px;
		border-color : #dddddd;
	}
	.about_us_text, .about_us_thumb{
		margin-top : 25px;
		margin-bottom : 50px;
	}
	.about_us_text{
		margin-top : 48px;
		font-family: Georgia, Times, "Times New Roman", serif;
		font-size : 15px;
		line-height : 20px;
		letter-spacing : 0.5px;
	}
	.about_us_thumb{
		text-align : right;
		margin-right : 0px;
		margin-left : 10px;
	}
	a{
		color : #caed80;
	}
	ul{
		margin-left : -25px;
		font-style : italic
	}
}


/************ SERVICES ************/
.services_wrapper{
	margin-top : -10px;
	background : url(../img/services_background.png) no-repeat;
	background-size: cover;
	
	.title{
		margin-top : 55px;
		margin-bottom : 40px;
		font-size : 40px;
		text-align : center;
		*letter-spacing : -1px;
		color : white;
	}
	.services_left, .services_right{
		margin-bottom : 35px;
		.subtitle{
			color : #b2e24e;
			font-size : 30px;
			margin-bottom : 5px;
		}
		.isi{
			font-family: Georgia, Times, "Times New Roman", serif;
			font-size : 15px;
			line-height : 20px;
			margin-bottom : 30px;
			
			ul{
				margin-top : 0px;
				margin-left : -25px;
			}
		}
	}
}


/************ PROMOTIONS ************/
.promotions_wrapper{
	background : url(../img/promotions_background.png) no-repeat;
	background-size: cover;
	margin-top : -10px;
	min-height : 587px;
	
	.title{
		margin-top : 55px;
		margin-bottom : 5px;
		font-size : 40px;
		text-align : center;
		color : #b2e24e;
	}
	.keterangan_promo{
		font-family: Georgia, Times, "Times New Roman", serif;
		font-size : 14px;
	}
	.thumb_promo{
		margin-top : 35px;
	}
	.box_isi{
		margin-top : 40px;
		.isi{
			border-bottom : solid 1px;
			border-color : #aebdc5;
			padding-bottom : 30px;
			margin-bottom : 30px;
			font-size : 14px;
			
			.isi_1{
				font-size : 30px;
				padding-top : 50px;
			}
			.isi_2{
				font-family: Georgia, Times, "Times New Roman", serif;
				font-size : 16px;
				margin-top : 10px;
				line-height : 25px;
			}
			.isi_3{
				font-family: Georgia, Times, "Times New Roman", serif;
				font-size : 13px;
				margin-top : 10px;
				line-height : 21px;
			}
			#contact_containers{
				margin-top : 300px;
				min-height : 0px;
				background : black !important;
			}
		}
		.last{
			margin-bottom : 145px;
			border-bottom : solid 1px;
		}
	}
	
}


/************ CONTACT US ************/
.contact_wrapper{
	background : url(../img/contact_background.png) no-repeat;
	background-size: cover;
	color : #bcbc91;
	min-height : 650px;
	
	.title{
		color : #90b73e;
		margin-top : 55px;
		font-size : 40px;
		text-align : center;
	}
	.subtitle{
		margin-top : 40px;
		text-align : center;
		font-family: Georgia, Times, "Times New Roman", serif;
		font-size : 20px;
	}
	.contacts, .hours{
		margin-top : 20px;
		
		.address_thumb, .phone_thumb, .fb_thumb, .email_thumb, .hours_thumb{
			margin-top : 20px;
			float : left;
		}
		.address_text, .phone_text, .fb_text, .email_text, .hours_text{
			margin-top : 22px;
			margin-left : 40px;
			font-size : 18px;
			line-height : 28px;
			font-family: Georgia, Times, "Times New Roman", serif;
			
			a{
				font-family: Georgia, Times, "Times New Roman", serif;
				color : #bcbc91;
			}
		}
		.email_text a:hover{
			color : white;
		}
		.fb_text a:hover{
			color : white;
		}
	}
	.info_footer{
		.info_title{
			margin-top : 40px;
			font-family: Georgia, Times, "Times New Roman", serif;
			font-size : 20px;
			font-weight : bold;
		}
		.thumb{
			margin-top : 15px;
			margin-left : -15px;
			width : 20px;
			height : auto;
			float : left;
			text-align : right;
		}
		.text{
			margin-top : 5px;
			margin-left : 15px;
			font-size : 18px;
			letter-spacing : 0.7px;
			line-height : 17px;
			line-height : 28px;
			font-family: Georgia, Times, "Times New Roman", serif;
			a{
				font-family: Georgia, Times, "Times New Roman", serif;
				color : #bcbc91;
			}
			a:hover{
				text-decoration : underline;
			}
		}
	}
}


/************ HOW TO BUY ************/
.howtobuy_wrapper{
	margin-top : 100px;
	font-family : arial;
	min-height : 500px;
	
	.title_howtobuy{
		border-top : solid 1px;
		border-color : #dddddd;
		padding : 30px 0 10px 0;
		font-size : 24px;
		font-weight : bold;
		color : black;
		text-transform : uppercase;
	}
	.howtobuy{
		padding : 0 0 20px 0;
		ul{
			padding : 0 0 0 20px;
			list-style : number;
		}
		li{
			margin-top : 10px;
			color : black;
			font-size : 14px;
			a{
				color : blue;
				font-size : 12px;
			}
			a:hover{
				text-decoration : underline;
			}
		}
		.tombol_beli{
			background : #acc96e;
			border : 0;
			border-radius : 20px;
			width : 60px;
			height : 20px;
			font-size : 13px;
			font-weight : bold;
			color : #76878a;
			cursor : pointer;
		}
		.tombol_checkout{
			background : #acc96e;
			border : 0;
			border-radius : 20px;
			width : 100px;
			height : 20px;
			font-size : 14px;
			font-weight : bold;
			color : #76878a;
			cursor : pointer;
		}
		.tombol_konfirmasi{
			background : #acc96e;
			border : 0;
			border-radius : 20px;
			width : 160px;
			height : 20px;
			font-size : 14px;
			font-weight : bold;
			color : #76878a;
			cursor : pointer;
		}
	}
	.title_howtopay{
		border-top : solid 1px;
		border-color : #dddddd;
		padding : 30px 0 10px 0;
		font-size : 24px;
		font-weight : bold;
		color : black;
		text-transform : uppercase;
	}
}


/************ KARIR ************/
.karir_wrapper{
	border-top : solid 3px;
	border-color : #93d3ee;
	background : #90b83e;
	margin-top : 100px;
	font-family : arial;
	min-height : 500px;
	
	.title_karir{
		padding : 30px 0 10px 0;
		font-size : 24px;
		font-weight : bold;
		color : #FFFFFF;
		text-transform : uppercase;
		text-align : center;
	}
	input.cari{
		border : none;
		background : url(../img/logo-search.png);
		width : 25px;
		height : 25px;
		cursor : pointer;
	}
}

/************ INFO ************/
.info_wrapper{
	background : url(../img/footer-background.jpg) no-repeat;
	background-size: cover;
	min-height : 100px;
	
	.info{
		margin-top : 33px;
		color : #bcbc91;
		font-size : 16px;
		letter-spacing : 3px;
		margin-bottom : 10px;
	}
}

/************ FOOTER ************/
.footer_wrapper{
	background : url(../img/footer-background.jpg) no-repeat;
	background-size: cover;
	min-height : 200px;
}
.footer{
	margin-top : 33px;
	color : #bcbc91;
	font-size : 16px;
	letter-spacing : 3px;
	margin-bottom : 10px;
	
	.contact_footer, .hours_footer{
		.address_thumb, .phone_thumb, .fb_thumb, .email_thumb, .hours_thumb{
			margin-top : 10px;
			width : 20px;
			height : 40px;
			float : left;
			text-align : right;
		}
		.fb_thumb{
			height : auto;
		}
		.address_text, .phone_text, .fb_text, .email_text, .hours_text{
			margin-top : 12px;
			margin-left : 31px;
			font-size : 14px;
			letter-spacing : 0.7px;
			line-height : 17px;
			font-family: Georgia, Times, "Times New Roman", serif;
			
			a{
				font-family: Georgia, Times, "Times New Roman", serif;
				color : #bcbc91;
			}
		}
		.email_text a:hover{
			color : white;
		}
	}
	.info_footer{
		.thumb{
			margin-top : 15px;
			margin-left : -15px;
			width : 20px;
			height : auto;
			float : left;
			text-align : right;
		}
		.text{
			margin-top : 12px;
			margin-left : 15px;
			font-size : 14px;
			letter-spacing : 0.7px;
			line-height : 17px;
			font-family: Georgia, Times, "Times New Roman", serif;
			a{
				font-family: Georgia, Times, "Times New Roman", serif;
				color : #bcbc91;
			}
			a:hover{
				text-decoration : underline;
			}
		}
	}
	.copyright{
		text-align : center;
		font-size : 11px;
		letter-spacing : 0.7px;
		font-family: Georgia, Times, "Times New Roman", serif;
	}
	.title{
		color : #90b73e;
		margin-bottom : 20px;
		font-size : 20px;
		text-align : center;
	}
	.partner{
		ul{
			list-style : none;
			
			li{
				float : left;
			}
			li+li{
				margin-left : 20px;
			}
			img {
				vertical-align: text-top;
			} 
		}
	}
}


/*
  960 Grid System ~ Core CSS.
  Learn more ~ http://960.gs/

  Licensed under GPL and MIT.
*/

/*
  Forces backgrounds to span full width,
  even if there is horizontal scrolling.
  Increase this if your layout is wider.

  Note: IE6 works fine without this fix.
*/

body {
  min-width: 960px;
}

/* `Container
----------------------------------------------------------------------------------------------------*/

.container_12,
.container_16 {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1,
.grid_2,
.grid_3,
.grid_4,
.grid_5,
.grid_6,
.grid_7,
.grid_8,
.grid_9,
.grid_10,
.grid_11,
.grid_12,
.grid_13,
.grid_14,
.grid_15,
.grid_16 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}

.push_1, .pull_1,
.push_2, .pull_2,
.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12,
.push_13, .pull_13,
.push_14, .pull_14,
.push_15, .pull_15 {
  position: relative;
}

.container_12 .grid_3,
.container_16 .grid_4 {
  width: 220px;
}

.container_12 .grid_6,
.container_16 .grid_8 {
  width: 460px;
}

.container_12 .grid_9,
.container_16 .grid_12 {
  width: 700px;
}

.container_12 .grid_12,
.container_16 .grid_16 {
  width: 940px;
}

/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-left: 0;
}

.omega {
  margin-right: 0;
}

/* `Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 {
  width: 60px;
}

.container_12 .grid_2 {
  width: 140px;
}

.container_12 .grid_4 {
  width: 300px;
}

.container_12 .grid_5 {
  width: 380px;
}

.container_12 .grid_7 {
  width: 540px;
}

.container_12 .grid_8 {
  width: 620px;
}

.container_12 .grid_10 {
  width: 780px;
}

.container_12 .grid_11 {
  width: 860px;
}

/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_1 {
  width: 40px;
}

.container_16 .grid_2 {
  width: 100px;
}

.container_16 .grid_3 {
  width: 160px;
}

.container_16 .grid_5 {
  width: 280px;
}

.container_16 .grid_6 {
  width: 340px;
}

.container_16 .grid_7 {
  width: 400px;
}

.container_16 .grid_9 {
  width: 520px;
}

.container_16 .grid_10 {
  width: 580px;
}

.container_16 .grid_11 {
  width: 640px;
}

.container_16 .grid_13 {
  width: 760px;
}

.container_16 .grid_14 {
  width: 820px;
}

.container_16 .grid_15 {
  width: 880px;
}

/* `Prefix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_3,
.container_16 .prefix_4 {
  padding-left: 240px;
}

.container_12 .prefix_6,
.container_16 .prefix_8 {
  padding-left: 480px;
}

.container_12 .prefix_9,
.container_16 .prefix_12 {
  padding-left: 720px;
}

/* `Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 {
  padding-left: 80px;
}

.container_12 .prefix_2 {
  padding-left: 160px;
}

.container_12 .prefix_4 {
  padding-left: 320px;
}

.container_12 .prefix_5 {
  padding-left: 400px;
}

.container_12 .prefix_7 {
  padding-left: 560px;
}

.container_12 .prefix_8 {
  padding-left: 640px;
}

.container_12 .prefix_10 {
  padding-left: 800px;
}

.container_12 .prefix_11 {
  padding-left: 880px;
}

/* `Prefix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .prefix_1 {
  padding-left: 60px;
}

.container_16 .prefix_2 {
  padding-left: 120px;
}

.container_16 .prefix_3 {
  padding-left: 180px;
}

.container_16 .prefix_5 {
  padding-left: 300px;
}

.container_16 .prefix_6 {
  padding-left: 360px;
}

.container_16 .prefix_7 {
  padding-left: 420px;
}

.container_16 .prefix_9 {
  padding-left: 540px;
}

.container_16 .prefix_10 {
  padding-left: 600px;
}

.container_16 .prefix_11 {
  padding-left: 660px;
}

.container_16 .prefix_13 {
  padding-left: 780px;
}

.container_16 .prefix_14 {
  padding-left: 840px;
}

.container_16 .prefix_15 {
  padding-left: 900px;
}

/* `Suffix Extra Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_3,
.container_16 .suffix_4 {
  padding-right: 240px;
}

.container_12 .suffix_6,
.container_16 .suffix_8 {
  padding-right: 480px;
}

.container_12 .suffix_9,
.container_16 .suffix_12 {
  padding-right: 720px;
}

/* `Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 {
  padding-right: 80px;
}

.container_12 .suffix_2 {
  padding-right: 160px;
}

.container_12 .suffix_4 {
  padding-right: 320px;
}

.container_12 .suffix_5 {
  padding-right: 400px;
}

.container_12 .suffix_7 {
  padding-right: 560px;
}

.container_12 .suffix_8 {
  padding-right: 640px;
}

.container_12 .suffix_10 {
  padding-right: 800px;
}

.container_12 .suffix_11 {
  padding-right: 880px;
}

/* `Suffix Extra Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .suffix_1 {
  padding-right: 60px;
}

.container_16 .suffix_2 {
  padding-right: 120px;
}

.container_16 .suffix_3 {
  padding-right: 180px;
}

.container_16 .suffix_5 {
  padding-right: 300px;
}

.container_16 .suffix_6 {
  padding-right: 360px;
}

.container_16 .suffix_7 {
  padding-right: 420px;
}

.container_16 .suffix_9 {
  padding-right: 540px;
}

.container_16 .suffix_10 {
  padding-right: 600px;
}

.container_16 .suffix_11 {
  padding-right: 660px;
}

.container_16 .suffix_13 {
  padding-right: 780px;
}

.container_16 .suffix_14 {
  padding-right: 840px;
}

.container_16 .suffix_15 {
  padding-right: 900px;
}

/* `Push Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .push_3,
.container_16 .push_4 {
  left: 240px;
}

.container_12 .push_6,
.container_16 .push_8 {
  left: 480px;
}

.container_12 .push_9,
.container_16 .push_12 {
  left: 720px;
}

/* `Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 {
  left: 80px;
}

.container_12 .push_2 {
  left: 160px;
}

.container_12 .push_4 {
  left: 320px;
}

.container_12 .push_5 {
  left: 400px;
}

.container_12 .push_7 {
  left: 560px;
}

.container_12 .push_8 {
  left: 640px;
}

.container_12 .push_10 {
  left: 800px;
}

.container_12 .push_11 {
  left: 880px;
}

/* `Push Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .push_1 {
  left: 60px;
}

.container_16 .push_2 {
  left: 120px;
}

.container_16 .push_3 {
  left: 180px;
}

.container_16 .push_5 {
  left: 300px;
}

.container_16 .push_6 {
  left: 360px;
}

.container_16 .push_7 {
  left: 420px;
}

.container_16 .push_9 {
  left: 540px;
}

.container_16 .push_10 {
  left: 600px;
}

.container_16 .push_11 {
  left: 660px;
}

.container_16 .push_13 {
  left: 780px;
}

.container_16 .push_14 {
  left: 840px;
}

.container_16 .push_15 {
  left: 900px;
}

/* `Pull Space >> Global
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_3,
.container_16 .pull_4 {
  left: -240px;
}

.container_12 .pull_6,
.container_16 .pull_8 {
  left: -480px;
}

.container_12 .pull_9,
.container_16 .pull_12 {
  left: -720px;
}

/* `Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 {
  left: -80px;
}

.container_12 .pull_2 {
  left: -160px;
}

.container_12 .pull_4 {
  left: -320px;
}

.container_12 .pull_5 {
  left: -400px;
}

.container_12 .pull_7 {
  left: -560px;
}

.container_12 .pull_8 {
  left: -640px;
}

.container_12 .pull_10 {
  left: -800px;
}

.container_12 .pull_11 {
  left: -880px;
}

/* `Pull Space >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .pull_1 {
  left: -60px;
}

.container_16 .pull_2 {
  left: -120px;
}

.container_16 .pull_3 {
  left: -180px;
}

.container_16 .pull_5 {
  left: -300px;
}

.container_16 .pull_6 {
  left: -360px;
}

.container_16 .pull_7 {
  left: -420px;
}

.container_16 .pull_9 {
  left: -540px;
}

.container_16 .pull_10 {
  left: -600px;
}

.container_16 .pull_11 {
  left: -660px;
}

.container_16 .pull_13 {
  left: -780px;
}

.container_16 .pull_14 {
  left: -840px;
}

.container_16 .pull_15 {
  left: -900px;
}

/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after,
.container_12:before,
.container_12:after,
.container_16:before,
.container_16:after {
  content: '.';
  display: block;
  overflow: hidden;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
  width: 0;
  height: 0;
}

.clearfix:after,
.container_12:after,
.container_16:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix,
.container_12,
.container_16 {
  zoom: 1;
}