@charset "utf-8";
/* Simple fluid media
   Note: Fluid media requires that you remove the media's height and width attributes from the HTML
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
	height:auto;	
}
/* IE 6 does not support max-width so default to width 100% */
.ie6 img {
	width:100%;
}

/* FOOTER */
.foot-top {	
	clear:none;
	float:left;
	width:100%;
	border-top: 2px solid #000000;
	margin-top:20px;	
}
.footer-container {	
	clear:none;
	float:left;
	width:100%;
	font-family: Arial, sans-serif;
}
.footer {		
	font-size:14px;	
	padding-top:14px;	
	padding-bottom:14px;	
	/*margin:0 0%;*/
	width:auto;	
}
.footer h4{
	color: #464646;
	text-shadow: 0 1px 0 #cccccc;
	text-transform: capitalize;
}
.col-footer {
	clear:none;
	float:left;		
	display:block;
}

.col-off-img {
	max-width:257px;
	min-width:242px;
	background-image:url(../images/ina-map.svg); 
	background-repeat:no-repeat; 
	background-size:contain; 
	background-position:left;
}

.col-footer ul {
	list-style:none;
	padding:0;
	margin-top:0px;
	font-size:14px;
	line-height:22px;	
}

.col-foll ul li {
	clear:none;
	float:left;
	padding-right:5px;
	padding-bottom:20px;	
}

.col-footer ul li a {	
	text-decoration:none;
	color:#000;			
}

.col-footer ul li a:hover {	
	color:#C00;
}
.foot-bottom-container {
	clear:none;
	float:left;
	width:100%;
	/*font-family:Verdana, Geneva, sans-serif;*/
}
.foot-bottom {
	width:auto;	
	padding:17px 5%;
        border-top: 2px solid #000000;
	background: #ffffff;
}

.colomn-payment {
	width:75%;	
}


/* ICON */
div.master {	
	clear:none;
	float:left;
	width: 75px;
	height: 55px;
	background-image: url(../images/Logomastercard.png);
	background-repeat:no-repeat;
	background-size:contain;
	display:block;	
}
div.visa {
	clear:none;
	float:left;	
	width: 75px;
	height: 55px;
	background-image: url(../images/LogoVISA.png);
	background-repeat:no-repeat;
	background-size:contain;	
	display:block;
}
div.atmbersama {
	clear:none;	
	float:left;
	width: 75px;
	height: 55px;
	background-image: url(../images/atmbersama.png);
	background-repeat:no-repeat;
	background-size:contain;	
	display:block;
}

i.fb {
	width: 24px;
	height: 24px;
	background: url(../images/img-sprite.svg)no-repeat -10px -10px;
	float: left;
	vertical-align: middle;
}
i.fb:hover{
	transition:0.3s all;
	-webkit-transition:0.3s all;
	-moz-transition:0.3s all;
	-o-transition:0.3s all;
	-ms-transition:0.3s all;
	background: url(../images/img-sprite.svg)no-repeat -10px -44px;
}
i.twt {
	width: 24px;
	height: 24px;
	background: url(../images/img-sprite.svg)no-repeat -44px -10px;
	float: left;
	vertical-align: middle;
}
i.twt:hover{
	background: url(../images/img-sprite.svg)no-repeat -44px -44px;
	transition:0.3s all;
	-webkit-transition:0.3s all;
	-moz-transition:0.3s all;
	-o-transition:0.3s all;
	-ms-transition:0.3s all;
}
i.ig {
	width: 24px;
	height: 24px;
	background: url(../images/img-sprite.svg)no-repeat -78px -10px;
	float: left;
	vertical-align: middle;
}
i.ig:hover{
	background: url(../images/img-sprite.svg)no-repeat -78px -44px;
	transition:0.3s all;
	-webkit-transition:0.3s all;
	-moz-transition:0.3s all;
	-o-transition:0.3s all;
	-ms-transition:0.3s all;
}
i.yt {
	width: 24px;
	height: 24px;
	background: url(../images/img-sprite.svg)no-repeat -112px -10px;
	float: left;
	vertical-align: middle;
}
i.yt:hover{
	background: url(../images/img-sprite.svg)no-repeat -112px -44px;
	transition:0.3s all;
	-webkit-transition:0.3s all;
	-moz-transition:0.3s all;
	-o-transition:0.3s all;
	-ms-transition:0.3s all;
}
i.gp {
	width: 24px;
	height: 24px;
	background: url(../images/img-sprite.svg)no-repeat -146px -10px;
	float: left;
	vertical-align: middle;
}
i.gp:hover{
	background: url(../images/img-sprite.svg)no-repeat -146px -44px;
	transition:0.3s all;
	-webkit-transition:0.3s all;
	-moz-transition:0.3s all;
	-o-transition:0.3s all;
	-ms-transition:0.3s all;
}
i.pr {
	width: 24px;
	height: 24px;
	background: url(../images/img-sprite.svg)no-repeat -180px -10px;
	float: left;
	vertical-align: middle;
}
i.pr:hover{
	background: url(../images/img-sprite.svg)no-repeat -180px -44px;
	transition:0.3s all;
	-webkit-transition:0.3s all;
	-moz-transition:0.3s all;
	-o-transition:0.3s all;
	-ms-transition:0.3s all;
}
i.hm {
	width: 24px;
	height: 24px;
	background: url(../images/img-sprite.svg)no-repeat -214px -12px;
	float: left;
	vertical-align: middle;
}
i.hm:hover{
	background: url(../images/img-sprite.svg)no-repeat -214px -46px;
	transition:0.3s all;
	-webkit-transition:0.3s all;
	-moz-transition:0.3s all;
	-o-transition:0.3s all;
	-ms-transition:0.3s all;
}
i.blanksm {
	width: 16px;
	height: 16px;
	display: inline-block;
	background: url(../images/img-sprite.svg) no-repeat -26px -78px;
	vertical-align: middle;
	margin-right: 0.5em;	
}
i.add {
	width: 16px;
	height: 16px;
	display: inline-block;
	background: url(../images/img-sprite.svg) no-repeat -10px -78px;
	vertical-align: middle;
	margin-right: 0.5em;
}
i.phone {
	width: 16px;
	height: 16px;
	display: inline-block;
	background: url(../images/img-sprite.svg) no-repeat -44px -78px;
	vertical-align: middle;
	margin-right: 0.5em;
}
i.cphone {
	width: 16px;
	height: 16px;
	display: inline-block;
	background: url(../images/img-sprite.svg) no-repeat -78px -78px;
	vertical-align: middle;
	margin-right: 0.5em;
}
i.wa {
	width: 16px;
	height: 16px;
	display: inline-block;
	background: url(../images/img-sprite.svg) no-repeat -112px -78px;
	vertical-align: middle;
	margin-right: 0.5em;
}
i.ln {
	width: 16px;
	height: 16px;
	display: inline-block;
	background: url(../images/img-sprite.svg) no-repeat -146px -78px;
	vertical-align: middle;
	margin-right: 0.5em;
}
i.mail {
	width: 16px;
	height: 16px;
	display: inline-block;
	background: url(../images/img-sprite.svg) no-repeat -180px -78px;
	vertical-align: middle;
	margin-right: 0.5em;
}
i.website {
	width: 16px;
	height: 16px;
	display: inline-block;
	background: url(../images/img-sprite.svg) no-repeat -214px -78px;
	vertical-align: middle;
	margin-right: 0.5em;
}
.rata-kiri {	
	margin-left:23px;	
	display:block;	
}




.col-footer {	
	width:86%;	
	margin:0 7%;
}

.col-foll,
.col-abt,
.col-prd,
.col-mbr,
.col-off {
	clear:none;
	float:left;
}

.col-prd h4,
.col-mbr h4,
.col-abt h4, 
.col-off h4 {
	border-top:1px Solid #CCC;
	width:90%;
	padding-top:10px;
}

.col-prd {
	padding-top:0;
}

.foot-bottom-teks {
	color:#464646;
	font-size:13px;
	display:block;	
}

.foot-bottom-teks span {
	display:block;
}

.col-footer-sub {			
	width:100%;
	display:inline-block;	
}

/* Tablet Layout: 481px to 768px. Inherits styles from: Mobile Layout. */

@media only screen and (min-width: 481px) {

.col-footer {	
	width:46%;	
	margin:0 2%;	
}

.col-foll,
.col-prd,
.col-off {
	clear:none;
	float:left;		
}

.col-prd h4,
.col-mbr h4,
.col-off h4 {
	border-top:1px Solid #CCC;
	width:90%;
	padding-top:10px;
}

.col-abt h4 {
	border-top:none;
	width:auto;
	padding-top:0;
}

.col-prd {
	padding-top:0px;
}

.col-abt,
.col-mbr {
	clear:none;
	float:right;	
}

.col-off {
	width:90%
}

.foot-bottom-teks span {
	display:inline-block;
}

.col-footer-sub {			
	width:100%;
	display:inline-block;	
}

}

/* Desktop Layout: 769px to a max of 1232px.  Inherits styles from: Mobile Layout and Tablet Layout. */

@media only screen and (min-width: 769px) {


.col-footer {	
	width:auto;	
	margin:0 4%;	
}

.col-foll,
.col-abt,
.col-prd,
.col-mbr,
.col-off {
	clear:none;
	float:left;
}

.col-prd h4,
.col-mbr h4,
.col-abt h4,
.col-off h4 {
	border-top:none;
	width:auto;
	padding-top:0;
}

.col-prd {
	padding-top:0;
}

.foot-bottom-teks {
	color:#464646;
	font-size:13px;
	display:block;
}

.foot-bottom-teks span {
	display:inline-block;
}

.col-footer-sub {			
	width:auto;
	display:block;	
}
.col-footer-sub:last-child {
	margin-top:80px;	
}
}